CSSは奥が深い！セレクタの書き方・命名や管理を改善する5つの原則

CSSは簡単なコードで書けます。しかし、プロジェクトの規模が大きくなるにつれ、コードが重複したり、未使用のコードが増えたり、!importantでの上書きが増えたり、読みにくいコードになります。 CSSのセレクタの書き方・命名や管理を改善する、シンプルで非常に効果的な5つの原則を紹介します。 Improve your CSS with these 5 principles by Adrian Bece (@AdrianBDesigns) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSを改善する命名の原則 CSSを改善する詳細度の原則 CSSを改善するDRY原則 CSSを改善する単一責任の原則 CSSを改善する開放/閉鎖原則 CSSを改善する方法のまとめ はじめに CSSは簡単で分かりやすいのに、CSSを書く時に

[coliss]

詳細度やDRY原則など、CSSのコードの保守性・拡張性・理解性・簡潔性を改善する方法。

[guru_guru]

昔書いたものに継ぎ足し続けて、もう秘伝のタレみたいになってる（ ｉ _ ｉ ）　hiddenのタレ…

[obaratch]

Phil Karlton からの引用部分は "There are only two hard things in Computer Science: cache invalidation and naming things." なので、「CSの中で(本当に)難しいことは2つしかない、キャッシュ無効化と命名だ」と訳したほうが妥当かと。

[wangeru]

わ

[Keisuke69]

誰でも簡単になんとなく書いて動くようなものほど負債になりがち

[ko-ya-ma]

プログラミング的な原則をCSSにもという内容

[akahigeg]

低詳細度が一番いいのか

[hackapellmanda]

あとでよむ

[hamacheese]

“CSSを右から左に解析”ってよく聞くけど、擬似要素はどうなるの？

[mayumayu_nimolove]

復讐に良い