BEM失敗談 その1 この記事はCSS Architecture Advent Calendar 2014 3日目の記事です。 1年ぐらい関わっていたプロジェクトで設計したCSSをざっくり振り返りつつ、そこで経験した失敗談を残しておこうと思います。 タイトルにはBEMって入ってますが、いきなりBEMがあんまり出てこない話になってしまいました。 構成編 このプロジェクトでは、コアを中心とした複数のアプリ展開を行う前提で、CSSの設計も行いました。 Sass + Compassで、最初はCompassのSprite Helperを使っていましたが、途中からspritesmithに乗り換えています。 SMACSSやMCSSなどを参考にしつつ、主に以下の3つの構成としています。 Module Component Theme Module Moduleはパーツの最小単位として、Placehold