たかブログ

webを勉強しています。

CSS 設計

ディレクトリの分け方まで決まっていていいとこ取りのFLOCSS

Foundation reset.cssなどサイト全体のデフォルトスタイルを定義Layout Objectの配置を決める -->ページでは唯一の存在になるのでidセレクターをつかうObject Component 再利用可能なパーツ(プレフィックスにc-をつけること c-btn,) ーー>SMACSSのモジュー…

[CSS設計]きっちりとクラス名を命名するBEM

CSS設計 BEM マルチクラスは list-item list-active など クラスを組み合わせて使う 以前やったOOCSS BEMはシングルクラス 一つのクラスで定義するので メンテナンスがしやすい Block 元になる要素 Element 子要素 Modifire 変化した状態 この3つを Block__…