BEM: 4 Hang-Ups & How It Will Help Your CSS Organization
A few common gotchas when using BEM, and how to deal with them.
Tags: bem
10
Sass Selectors: To Nest Or Not To Nest? | Brad Frost
The fascinating results of Brad’s survey.
Personally, I’m not a fan of nesting. I feel it obfuscates more than helps. And it makes searching for a specific selector tricky.
That said, Danielle feels quite strongly that nesting is the way to go, so on Clearleft projects, that’s how we write Sass + BEM.
What is Modular CSS?
A walk down memory lane, looking at the history modular CSS methodologies (and the people behind them):
- Nicole’s OOCSS,
- Varya’s BEM, and
- Snook’s SMACSS (try saying that ten times fast).
Private by Default
Feedbin has removed third-party iframes and JavaScript (oEmbed provides a nice alternative), as well as stripping out Google Analytics, and even web fonts that aren’t self-hosted. This is excellent!
Designing Systems, Part 3: Components and Composition / Paul Robert Lloyd
Paul finishes up his excellent three part series by getting down to the brass tacks of designing and building components on the web …and in cities. His closing provocation has echoes of Heydon’s rallying cry.
If you missed the other parts of this series, they are:
The road to Firefly 6, part 2, Roobottom.com
A look at the technical details behind Firefly’s pattern library. The tech stack includes Less, BEM, and some React, but it’s Anna and Danielle that really made it work.
Thoughtful CSS Architecture | Sparkbox | Web Design and Development
A good overview of ideas and techniques for structuring CSS and naming classes.
ET Book · Edward Tufte on GitHub
I’ve always loved the way that Edward Tufte consistently uses Bembo to typeset his books. Here’s a version made for screen and freely licensed.
ECSS
Enduring CSS (not int the sense of “put up with” but in the sense of “long-lasting”) is a new book by Ben Frain all about writing and maintaining modular reusable CSS.
You can read the whole thing for free online or buy an eBook.
Battling BEM – 5 common problems and how to avoid them
We tend to use a variant of BEM in our CSS at Clearleft. Glad to see that when we’ve hit these issues, we’ve taken the same approach.