目次

第1回

https://youtu.be/vg5r8FEA5tU

練習①

BEM練習①クラス名をBEM仕様に変えてみよう

練習②

BEM練習②カードレイアウトをBEMのルールで書き換えてみよう

練習③

BEM練習③Modifierを使って1枚だけ背景色を変えてみよう

練習④(第2回までの宿題だよ〜!)

BEM練習④BEMを意識して1セクション分コーディングしてみよう!

https://www.figma.com/file/gEjHjvROVjHwPYwTDo6E17/FLOCSS勉強会の練習④?node-id=0%3A1

練習④(こたえ)

BEM練習④BEMを意識して1セクション分コーディングしてみよう!(解答)

参考資料

CSS設計完全ガイド ~詳細解説+実践的モジュール集

CSS設計完全ガイドのChapter1〜3

BEM

BEM公式ドキュメント(英語がいっぱいだぜ)

【暫定】コーダー歴3年で辿り着いた保守しやすいコーディング手法

ここあ・たこやきが採用しているルールはここに詰まってます

第2回