CSSでクラス名を決めるとき役立つエントリー3選

@ハクト 2022-06-30 12:24:14に投稿

CSSのクラス名を付けるとき最適な名前を思いつかなくて迷うことよくありますよね。

今回は可読性、保守性を高めるためのCSSの設計方法や名前を決める際に役立つチートシートなどのエントリーを紹介します。

ウェブ制作者なら意識してほしいCSS設計の基礎知識

「ICS MEDIA」が紹介!「OOCSS」「BEM」「SMACSS」の3つの設計手法が紹介されています。

CSSのクラス名を決めるときに使うリスト

名前を決める際によく使う単語をリスト形式で紹介。
BEMのルール別に分類もされていて便利。

BEMの命名規則をまとめたチートシート

BEMの考え方に基づいた命名方法が要素ごとにまとめられています

@ハクト

サービス作り・デザイン好き。70年代生まれのWEBエンジニア。WEBパーツをCSSでカスタマイズしてコピペできるサービスを運営中「Pa-tu」。実装したWEBパーツやツールを利用してWEB情報やライフハックを発信してます。

Twitter