BEM Advent Calendar 2013の2日目の記事です。 本当はここ最近考えている命名ルールとか書こうかなとか思っていたのですが、「試して欲しい」という声があったのでよくわからないままbem toolを試すことにしました。 今回作ったサンプルプロジェクトはgithubにアップしてあります。 BEMとはBEMとは、Block、Element、Modifierの略語です。Webサイトのコンポーネント化のためのフロントエンド設計方法のひとつで、厳格なclass名の命名ルールが特徴的な手法です。 概念やルールについては以下を参考に調べてみてください。 http://bem.info/BEM-Methodology Definitionsの日本語訳CodeGridのBEMによるフロントエンドの設計 基本概念とルール今回は、概念の部分ではなくbem.infoで提供されているbem tool