SMACSSによるCSSの設計

全2回

CSSの設計方法のひとつ、SMACSS(スマックス)の基礎について解説したシリーズです。設計の基本となる5つのルールを具体的なデモやコードを用いて、丁寧に紹介しています。

後編 モジュールと状態

SMACSSの5つのルールのうち、モジュール、状態、テーマの3つを解説します。5つのルールで運用することで、メンテナンスや機能追加により強いCSS設計をすることができます。

前編 ベースとレイアウト

CSSの設計方法のひとつ、SMACSS(スマックス)の基礎を学びます。今回はSMACSSの5つのルールのうち、ベースルールと、レイアウトルールを解説します。