Track BEM Resources Updates Daily

Just a repo full of BEM resources

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 sturobson/BEM-resources · ⭐ 482 · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Apr 07, 2023

Articles

• CSS Architecture: BEMCSS — Block, Element & Modifier

• BEM by example

Sep 13, 2018

Articles

• 7 Reasons To Use BEM CSS

Sep 20, 2017

Repos, CodePens and Things / Repos

• BEM.js (⭐9)

Jul 21, 2017

Articles

• Introducing BEM: The popular CSS naming convention

Mar 10, 2017

Repos, CodePens and Things / Repos

• Flexible Grid System with BEM (⭐14)

Jul 11, 2016

Articles

• A CSS Guideline Tutorial: BEM with Sass

Jul 09, 2016

Articles

• BEMantic - DRY like you mean it

Jul 08, 2016

Articles

• BEM & Atomic Design: A CSS Architecture Worth Loving

Jun 04, 2016

Articles

• Battling BEM (Extended Edition): 10 Common Problems And How To Avoid Them

Jan 20, 2016

Articles

• A New Front-End Methodology: BEM - Smashing Magazine

• Scaling Down The BEM Methodology For Small Projects - Smashing Magazine

• The Evolution Of The BEM Methodology - Smashing Magazine

• Learning to love BEM

• BEM Guidelines for component focused development

• CSS BEM Syntax Basics

• BEM CSS Basics for WordPress Themes Developers

With Pre-processors / PostCSS

• PostCSS BEM Linter (⭐548)

Jan 07, 2016

Articles

• Generate responsive BEMIT classes with Sass

• The BEMIT naming convention

Nov 18, 2015

Articles

• Expressive BEM with Sass: a different approach - Anders Hansen

• Expressive BEM with Sass Part II: A first draft of mixins - Anders Hansen

Oct 07, 2015

Articles

• BEM (Block element modifier) - CSS Methodologies Part 3

• How I stopped worrying and learned to love the CSS with BEM

Sep 22, 2015

Articles

• Getting Started With BEM (with a little help from Sass)

Sep 08, 2015

Articles

• BEM for CSS - An Introduction

Resources

• BEM Cheat Sheet

Slides & Videos / Slides

• BEM - Luciano Battagliero

Aug 12, 2015

Articles

• BEM official naming convention

Aug 06, 2015

Articles

• BEMIT: Taking the BEM Naming Convention a Step Further

May 20, 2015

Slides & Videos / Videos

• MindBEMding – Rethink Web Development - Kevin Mack

May 19, 2015

Slides & Videos / Other Awesome Lists

• A curated list of awesome lists - @sindresorhus (⭐246k)

May 07, 2015

Articles

• Working with BEM at Scale — Advice From Top Developers

Repos, CodePens and Things / Repos

• BEM Grid (⭐136)

Apr 13, 2015

Articles

• BEM and SMACSS: Advice From Developers Who’ve Been There

Apr 07, 2015

Repos, CodePens and Things / Repos

• WordPress BEM Menu (⭐139)

Apr 05, 2015

Articles

• MindBEMding – getting your head ’round BEM syntax - CSS Wizardry

• BEM 101 - CSS Tricks

• An Introduction to the BEM Methodology - Tuts Plus

• Fifty Shades of BEM - Kaelig

• Keeping the Front-End Modular with BEM - Thoughtbot

• BEM Basics - 8th Light

• How To BEM - Roman Kuba

Resources

• BEM Official Website

• Get BEM

With Pre-processors

• Generating BEM selectors with CSS preprocessors - Frontend Babel

With Pre-processors / Sass

• Even Easier BEM-ing with Sass 3.3 - alwaystwisted

• BEM Mixins - CSS Tricks

With Pre-processors / Stylus

• Stylus and BEM: a quick mixin - Frank M Taylor

Repos, CodePens and Things / Repos

• BEM Constructor (⭐545)

Slides & Videos / Slides

• BEM CSS Workshop - Varya Stepanova

Slides & Videos / Videos

• Writing Modular CSS With Sass and BEM - Tuts Plus