読者です 読者をやめる 読者になる 読者になる

わすれた.log

忘れては検索して、そしてまた忘れるその過ちを繰り返さない為に…

コンポーネント思考のBEMとやらをメモ

CSS 用語

コンポーネント指向

commpone コンポーネント

直訳:コンポーネントとは、部品、成分、構成要素などの意味を持つ英単語
物、ブロック
<header>,<footer>,<section>,<content>と同じ
大カテゴリー

コンポーネント指向とは部品ごとに分けて、動くCSSのこと。
Classを当てはめるだけで適用される、CSS

参考サイト
これからのWebデザインは、コンポーネント化を意識しよう | Webクリエイターボックス

BEM

Block ブロック

コンポーネントと同じ意味、BEMではブロックという。

Element エレメント

Blockの子要素。複数ある時もある

Modifier

直訳:修飾語句
変形する物だけ使う。
例えば、新規の物はNEWとつけるとか。

参考サイト
BEM記法におけるElement/Modifierの付け方メモ - Qiita
http://qiita.com/usagi-f/items/b4e56e765384c49d5d04


これがわかっても、実際のコーディングでどうするのかが、お空の上です。