知っておきたいCSS設計法 第4回 BEMの基本 HTMLテンプレート設計法のひとつ、BEMを解説します。BEMはJavaScriptなども含む、包括的な設計の方法論ですが、記事では、主にHTMLとCSSの設計概念にフォーカスします。 カテゴリー HTML/CSS CSS設計 2014年04月24日 発行 著者 高津戸 壮 フロントエンド・エンジニア 知っておきたいCSS設計法 シリーズの記事一覧 このシリーズの記事 第1回 OOCSSの基本 第2回 ストラクチャとスキン 第3回 複雑なストラクチャとスキン 第4回 BEMの基本 第5回 BEMを用いた設計 1 第6回 BEMを用いた設計 2 第7回 SMACSSのルール 1 最終回 SMACSSのルール 2 目次 はじめに BEMとは Block、Element、Modifier タブの例 画像Blockの例 Block、Element、Modifierの関係 はっきりしたクラス名命名規則 この記事を読むには購読の手続きが必要です 購読の手続きへ 月額880円(税込) + 初めてお申し込みの方には、30日間無料でお使いいただけます 第3回 複雑なストラクチャとスキン 第5回 BEMを用いた設計 1