BEM

Daily curated collection of articles and resources.

unboxed.co

Structuring and Managing CSS

Managing CSS has always been a bit of a free-for-all. We have complete freedom as to how we structure and organise our project’s stylesheets. This is both good and bad. For quick ...

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, ...

UI8 sponsored

Branding Book & Style Guide Templates

A beautiful collection of 5 different style guide templates! 75 fully customizable and easy to use pages, each with real wording. These templates are the perfect starting point for creating beautiful branding books.

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 ...