サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
都知事選
stella-design.biz
以前の投稿でぐるなびAPIを利用したSPAのサンプルをご紹介しましたが、JavaScriptで作ったため、本来公開すべきではないAPIキーを隠蔽できない、という問題がありました。 それを解決する方法として、PHPでAPIキーを使って情報を取得し、それをJavaScript側で取得する、という方法があるとわかったのでサンプルコードを書いてみました。 実際の動作は以下のdemoから確認できます。 サンプルコード demoのコードを簡略化したものを以下にご紹介します。 html ボタンをクリックするとイベントが発生し、.resultの中にAPIから取得したデータを表示させます。 <html> <head> <script type='text/javascript' src="jquery.js"></script> <script type='text/javascript' src='api
Sassの力をフルに引き出すには、もっと根っこからCSSのコーディング方法を変える必要がある!と思い、BEMを取り入れたコーディングを始めました。 Sassだけに頼っても、生産性は上がらない! Sassを使い始めたものの、思ったほど効率が上がらない。なにか引っかかっておりました。いろいろ考えた結果、Sassがどうとかじゃなくて、自分のコーディングスタイルをもっと見なおした方がいいという結論に。 「CSS設計の教科書」を読む そんな折、「Web制作者のためのCSS設計の教科書」という書籍が発売されていたので購入。今の自分にぴったり。早速読んでみました。 冒頭で、破綻しやすいコーディング例の紹介がありました。その中の一つに、IDセレクタを起点にして、その子要素のhtmlにスタイルを当てるやり方が解説されていて、まさに自分が当てはまっていました。 この記法はhtmlは汚れずらいけど、htmlが変
単体記事のページで、次の記事、前の記事へのリンクを表示させることはよくあると思います。 表示させる方法を三つできてしまったので、せっかくなのでメモとして残しておきます。 たぶん一番基本的な書き方 <?php if(is_single()): ?> <div class="pagelink"> <?php next_post_link('<p class="pagenext">次の記事:%link</p>','%title',TRUE); ?> <?php previous_post_link('<p class="pageprev">前の記事:%link</p>','%title',TRUE); ?> </div> <?php endif; ?> これが一番簡単そう。 前後の記事の有無を調べて条件分岐する <?php if(is_single()): ?> <div class="page
このページを最初にブックマークしてみませんか?
『Stella Design』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く