Awesome BEM Resources
BEM Resourcesを扱う資料や関連プロジェクトをまとめたAwesomeリストです。
記事
- A CSS Guideline Tutorial: BEM with Sass
- BEMantic - DRY like you mean it
- BEM & Atomic Design: A CSS Architecture Worth Loving
- Battling BEM (Extended Edition): 10 Common Problems And How To Avoid Them
- BEM and SMACSS: Advice From Developers Who’ve Been There
- MindBEMding – getting your head ’round BEM syntax - CSS Wizardry
- A New Front-End Methodology: BEM - Smashing Magazine
- BEM 101 - CSS Tricks
- An Introduction to the BEM Methodology - Tuts Plus
- Scaling Down The BEM Methodology For Small Projects - Smashing Magazine
- Fifty Shades of BEM - Kaelig
- Keeping the Front-End Modular with BEM - Thoughtbot
- The Evolution Of The BEM Methodology - Smashing Magazine
- BEM Basics - 8th Light
- How To BEM - Roman Kuba
- Expressive BEM with Sass: a different approach - Anders Hansen
- Expressive BEM with Sass Part II: A first draft of mixins - Anders Hansen
- Learning to love BEM
- Working with BEM at Scale — Advice From Top Developers
- CSS Architecture: BEMCSS — Block, Element & Modifier
- BEM Guidelines for component focused development
- BEMIT: Taking the BEM Naming Convention a Step Further
- CSS BEM Syntax Basics
- BEM official naming convention
- BEM for CSS - An Introduction
- Getting Started With BEM (with a little help from Sass)
- BEM (Block element modifier) - CSS Methodologies Part 3
- How I stopped worrying and learned to love the CSS with BEM
- BEM CSS Basics for WordPress Themes Developers
- Generate responsive BEMIT classes with Sass
- The BEMIT naming convention
- BEM by example
- Introducing BEM: The popular CSS naming convention
- 7 Reasons To Use BEM CSS
リソース
プリプロセッサーとともに
Sass
Stylus
PostCSS
リポジトリ、CodePenなど
リポジトリ
スライドと動画
スライド
動画
- Writing Modular CSS With Sass and BEM - Tuts Plus
- MindBEMding – Rethink Web Development - Kevin Mack