BEMに迷う
BEM Advent Calendar 2013の7日目です。 昨夜会社で同僚たちと飲んでいたときにBEM Advent Calendar 2013を見てみたらたまたま今日が空いているのを見つけてしまいました。 お酒の力もかりてノープランで登録してしまったことを反省しております。 BEM Advent Calendar 2013を見ているようなマニアックな皆さまであれば、この記事を読むことで得るものは何もないと思われます。 ウダウダと書いておりましたら、結論はステマですみたいなエントリーが完成いたしました。 読んでから時間を無駄にしたなと思う前にそっとブラウザバックすることを強くオススメいたします。 ブロック内は全部エレメントにするの？ BEM Advent Calendar 2013初日、CSSの命名規則にBEMを取り入れてみる | dskdで越智さんは以下のようにおっしゃっています。
BEMという命名規則とSass 3.3の新しい記法 - アインシュタインの電話番号
BEMを使った命名がとても明快で、このところHTMLやCSSを書くのによく使っている。CSSのクラス名として書く場合は、BEMをCSS用に使いやすくしたMindBEMdingという書き方を採用している。最初にこれを知ったときは「こんな汚い記述の仕方は使いたくない」と思ってたんだけど、すっかり慣れて、今ではその明快さにちょっと心酔しかけているほど。 BEMの方法論とMindBEMdingのルールについてはそれぞれの文書を読んでもらうとして、それらをひっくるめて大雑把に説明すると、BEMとはBlock、Element、Modifierの頭文字を取ったもので、構成する要素をそのどれかに当てはめて命名していく方法。どの場合でも必ずBlockもしくはそのModifierがルートにあり、その中に、所属するElementもしくはそのModifierが含まれる構成になる。 Block - 構成のルートとな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モダンCSS設計の解説サイトまとめ - Qiita
GitHub - google/web-starter-kit: Web Starter Kit - a workflow for multi-device websites
