Curated articles for designers and front-end developers

BEM

Frequently updated collection of hand-picked articles and learning resources.

stackbuilders.com

BEM and Maintainable CSS

The W3C defines CSS as “a simple mechanism for adding style to web documents”. The definition implies that an HTML document is supposed to handle structure and content, which compose the semantics ...

csswizardry.com

Nesting Your BEM?

Let me please start this post by saying that this is not a recommendation or new ‘best practice’. This is me thinking out loud. I’m a huge fan and proponent of BEM, ...

freecodecamp.com

Leveling Up in CSS

CSS seems easy at first. After all, it’s just styling, right? But, give it time. Soon, CSS will show you the true depths of its complexity. There are four things you can ...

medium.com

BEMantic: DRY Like You Mean It

Tim Baxter’s recent A List Apart article, Meaningful CSS: Style Like You Mean It, has once again re-ignited the debate that front-end developers who prefer to take an object oriented approach to ...

medium.com

Enhancing Modular Design With BEM

In front-end development, the discussion over incorporating the Block, Element, Modifier (BEM) methodology is one that can end with developers from within the same company on opposing sides. (This article first appeared ...

toptal.com

Introduction To BEM Methodology

When you are building smaller websites, how you organize your styles is usually not a big problem. You create your usual files, write all the needed CSS, and that’s all. However, when ...