Ranked awesome lists, all in one place
This list is a copy of sturobson/BEM-resources with ranks
BEM Resources ★87749
Everyone loves a bit of BEM in their development. Here’s just the starts of hopefully a large list of 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
- A New Front-End Methodology: BEM (Blocks Reiteration) - Smashing Magazine
- A New Front-End Methodology: BEM (File System Representation For A Block) - Smashing Magazine
- BEM 101 - CSS Tricks
- An Introduction to the BEM Methodology - Tuts Plus
- Scaling Down The BEM Methodology For Small Projects - Smashing Magazine
- Maintainable CSS with BEM - Integralist
- Fifty Shades of BEM - Kaelig
- Keeping the Front-End Modular with BEM - Thoughtbot
- CSS class naming and BEM: Contemporary practice - Phil Baker
- Naming conventions – BEM - Shane Prendergast
- 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 naming convention
- 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
- An Introduction to the BEM Methodology for effective Front-End Development
- CSS Organisation with BEM
- Patterns For Scaling CSS
- Our New Flatmate BEM
- BEM by example
- Introducing BEM: The popular CSS naming convention
Resources
With Pre-processors
Sass
Stylus
PostCSS
Repos, CodePens and Things
Repos
- BEM Constructor ★454 ⏳1Y
- WordPress BEM Menu ★117 ⏳1Y
- BEM Grid
- Flexible Grid System with BEM ★13 ⏳1Y
- BEM.js ★4
Slides & Videos
Slides
Videos
- Writing Modular CSS With Sass and BEM - Tuts Plus
- MindBEMding – Rethink Web Development - Kevin Mack
Other Awesome Lists
This list is a copy of sturobson/BEM-resources with ranks