BEMって使ってます?OOCSSと組み合わせると結構カオスになりそうな気もするんですが、活用した結果うまく行ってるとか、こういう問題が発生したとかあったら教えて下さい。
使ってます。メリットとしてはマークアップによる意味付けが明確になるので、コメントアウトの必要がなくなり、他のエンジニアがソースコードを理解しやすくなる。
デメリットとしてはクラス名が冗長になるのでコーディング量が増える、深くネストした要素はクラス名がカオスになる可能性がある。
回答有難うございます。
部分的に使いまわせそうなスタイルの場合ってどういう扱いにしますか?ブロック名自体を抽象的なものにするのか、ブロック自体は要素のコンテンツに合わせた命名で、SASSのextendとかで継承ですか?
ボタンなど汎用的なものは普通にクラス名を複数つけて対応してますよ。
俺はextend派。シングルクラスが好きだからモディファイアもextend使ってシングルにしてる。extendしてるクラスはSCSSを分けたりした分離してる。散らばってるとどこ参照してるかわかんなくなるから。
命名もデフォのBEMのアンスコが2つ並んだりするのが好きになれないからキャメルケース使ってblocFoo-elementBar_modifierってゆー書き方してる。
みんなの回答 1 件
使ってます。
メリットとしてはマークアップによる意味付けが明確になるので、コメントアウトの必要がなくなり、他のエンジニアがソースコードを理解しやすくなる。
デメリットとしてはクラス名が冗長になるのでコーディング量が増える、深くネストした要素はクラス名がカオスになる可能性がある。
関連するトピックス