codepen

Font Awesomeで★アイコンのラジオフォームをJS無しで作成する方法
Amazonや楽天など、多くのショッピングサイトで実装されている★数を選択して評価するフォーム。 複数の選択肢から1つの値を選択するフォームとしては、セレクトフォームとラジオフォームがありますが、今回はラジオフォームとF...
Chromeのsrcsetで誤解していた。
ウィンドウサイズに応じて画像を切り替えるsrcset。 コードはこんな感じ。 なので、例えばPC画面サイズでは横長バナー画像に、モバイル画面サイズでは正方形バナー画像に切り替えて表示出来るよね、と思っていたのだけど、これ...
WordPressにCodePenをoEmbed対応させる
CodePenの埋め込みは、埋め込みたいページ内フッターの「Embed」をクリックして埋め込み用のポップアップウィンドウを表示します。 埋め込みタグは HTMLコード(JavaScriptコードも含む) iframe埋め...
[CSS] 連番でクラスを当てている場合にまとめてCSSを設定する方法
WordPressなんかで自動的にポストIDなんかがクラスに当っている際に、それらにまとめてCSSを設定するメモ。...
1