Awesome BEM Resources
A curated collection of resources and projects focused on BEM Resources.
Articles
- 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
Resources
With Pre-processors
Sass
Stylus
PostCSS
Repos, CodePens and Things
Repos
Slides & Videos
Slides
Videos
- Writing Modular CSS With Sass and BEM - Tuts Plus
- MindBEMding – Rethink Web Development - Kevin Mack