12周年記念パーティ開催! 2024/5/10(金) 19:00

CSSの設計

全4回

サイト公開時はきれいだったのに、いつのまにか、どこに何が書いてあるかわらからなくなるCSS。このシリーズでは、なるべくメンテナンスしやすい可読性の高いCSSを設計する方法を探ります。

最終回 OOCSSとjQuery UI

本シリーズのまとめとして、OOCSSという考え方やjQuery UIのCSSの書き方を解説します。この2つから学べることはとても大きいのです。(監修:フロントエンド・エンジニア 高津戸 壮)

第3回 余白のルールと微調整

前回はモジュールの設計を詳しく解説しました。今回はモジュールに設定する余白について考えてみます。基本ルールを決め、基本ルールではうまくいかない場合は、微調整するというのがポイントです。(監修:フロントエンド・エンジニア 高津戸 壮)

第2回 モジュールの設計

前回は「枠とモジュール」でCSSを設計する考え方を解説しました。この記事ではさらにモジュール名の名前をどのように付けたらよいか、また、モジュールの切り分けをどのようにしたらいいかを解説します。(監修:フロントエンド・エンジニア高津戸壮)

第1回 枠とモジュールで考える

このシリーズでは、なるべくメンテナンスしやすい、可読性の高いCSSを設計する考え方を解説します。第1回目は、現状のCSSの問題点と、枠とモジュールで設計する考え方を紹介します。(監修:フロントエンド・エンジニア高津戸 壮)