クリックで開閉するアニメーション付きアコーディオン【CSS/jQuery】
クリックするとアニメーションしながら開閉する折りたたみ要素の実装方法です。比較的新しい要素の<details>を使う方法や、jQuery・CSSを使う方法等を紹介します。
その1：<details> ...
CSS
Visual Studio CodeでのSass導入とおすすめ設定【Live Sass Compiler】
Sassを使えるようにするためにはVisual Studio Codeの拡張機能である Live Sass Compiler (Glenn Marks) が手軽に導入できて便利です。
今回は Live Sass Compiler ...
フォントサイズの指定方法と違いを見直してみる【CSS】
ウェブサイト制作時のフォントサイズの指定方法について考え直す機会があったのでそれぞれの違いや見解をまとめてみます。
rem, em, px, % 等、単位の選び方に迷った場合は参考にしてみてください。
使用したバージョン G...
レスポンシブなページネーションのCSSデザインサンプル【WordPress】
以前にも紹介したfunctions.phpに追加するタイプのレスポンシブなページ送り。CSSをコピペするだけのデザインサンプルを追加しました。
ブラウザ幅を動かすとデザインサンプルの表示が切り替わりレスポンシブになっていることを確...
tableをレスポンシブ対応で見やすくする【CSS】
表（table）で整理された情報は視覚的にも理解しやすく効果的ですが、十分な表示領域が無い場合はセル幅が狭くなり、とても見やすいとは言えない状態になってしまいます。そうなってしまわないよう、今回はレスポンシブ対応で小さいディスプレイでも...
セレクタの使い方まとめ・一覧【jQuery/CSS】
jQueryとCSSで使用するセレクタを一覧にしました。CSSセレクタを基準にjQuery独自のものもまとめています。非推奨となったものも 非推奨 マークを付けていますので利用時の参考にしてください。
2020/06/29現在
...