Track BEM Resources Updates Weekly

Just a repo full of BEM resources

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

[ Daily / Weekly / Overview ]

Apr 03 - Apr 09, 2023

Articles

• CSS Architecture: BEMCSS — Block, Element & Modifier

• BEM by example

Sep 10 - Sep 16, 2018

Articles

• 7 Reasons To Use BEM CSS

Sep 18 - Sep 24, 2017

Repos, CodePens and Things / Repos

• BEM.js (⭐9)

Jul 17 - Jul 23, 2017

Articles

• Introducing BEM: The popular CSS naming convention

Mar 06 - Mar 12, 2017

Repos, CodePens and Things / Repos

• Flexible Grid System with BEM (⭐14)

Jul 11 - Jul 17, 2016

Articles

• A CSS Guideline Tutorial: BEM with Sass

Jul 04 - Jul 10, 2016

Articles

• BEMantic - DRY like you mean it

• BEM & Atomic Design: A CSS Architecture Worth Loving

May 30 - Jun 05, 2016

Articles

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

Jan 18 - Jan 24, 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 04 - Jan 10, 2016

Articles

• Generate responsive BEMIT classes with Sass

• The BEMIT naming convention

Nov 23 - Nov 29, 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 12 - Oct 18, 2015

Articles

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

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

Sep 28 - Oct 04, 2015

Articles

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

Sep 14 - Sep 20, 2015

Articles

• BEM for CSS - An Introduction

Resources

• BEM Cheat Sheet

Slides & Videos / Slides

• BEM - Luciano Battagliero

Aug 17 - Aug 23, 2015

Articles

• BEM official naming convention

Aug 10 - Aug 16, 2015

Articles

• BEMIT: Taking the BEM Naming Convention a Step Further

May 25 - May 31, 2015

Slides & Videos / Videos

• MindBEMding – Rethink Web Development - Kevin Mack

Slides & Videos / Other Awesome Lists

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

May 11 - May 17, 2015

Articles

• Working with BEM at Scale — Advice From Top Developers

Repos, CodePens and Things / Repos

• BEM Grid (⭐136)

Apr 20 - Apr 26, 2015

Articles

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

Apr 13 - Apr 19, 2015

Repos, CodePens and Things / Repos

• WordPress BEM Menu (⭐139)

Apr 06 - Apr 12, 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