d_animal141のブックマーク - はてなブックマーク

「イマドキCSS設計」の解説 - 後編：BEMとSMACSSと実際の運用について - basara669.com

d_animal141 2014/03/02

イマドキCSS設計」の解説 – 後編：BEMとSMACSSと実際の運用について

リンク

「イマドキCSS設計」の解説 - 中編：BEMについて - basara669.com

こんにちは！basara669です。勉強会で使った「イマドキCSS設計」の資料の解説の第2回目で、BEMについて書きました。他の記事はこちら「イマドキCSS設計」の解説 – 前編：css設計の必要性 BEMとは BEMとはロシアのYandexという会社が作った設計のための指針というか、方法論です。 Main / BEM フロントエンド全般の内容になっていて、CSS以外のこともかいてありますが、今回はCSSだけにフォーカスします。 BEMの基本概念 BEMとは、Block、Element、Modifierの頭文字をとったもの BEMの基本概念としては下記のような基本概念のもと作られています。メンテナンス性の向上共同作業コードの再利用性先ほど説明したとおり、ただ、CSSを書いていってしまうと非常にメンテナンス性が悪いです。結局追記を繰り返し破綻をします。また、コーディング規約な