Methodologien

MaintainableCSS is an approach to writing modular, scalable and of course, maintainable CSS.

Zsolt Nagy discusses three principles of CSS architecture and why mastering them will help you keep your CSS maintainable and lean.

Zsolt Nagy discusses three principles of CSS architecture and why mastering them will help you keep your CSS maintainable and lean.

A tutorial on working with Sass and BEM when building a more obscure than usual component.

Since publishing MaintainableCSS I’ve received some criticism from advocates of atomic CSS. One person said they puked up all over their…

Every time I read a hit piece on Atomic CSS, I feel compelled to respond. I can’t help it. I like thinking and talking about this stuff.

There has been controversy about Atomic CSS (or Functional CSS if you prefer). Much has been written, but what about some cold hard…

ACSS? BEM? OOCSS? SMACSS? BEMIT? UCSS? Atomic OOBEMITSCSS? What is wrong with CSS? Or are we wrong with all those conventions and…

Before the refactor, my CSS weighed 111kb. After the refactor, it weighed 27kb.

Maintaining CSS can be problem in large projects. Here are some notes to make the maintainance a breeze

“Though nothing is perfect, I really appreciate the way BEM's structure makes it easy to tell at a glance exactly how selectors relate to each other.”

“If you have to imagine this kind of pain, think about new versions of Bootstrap. And multiply it by 1000 due to the bigger size of the library and the amount of projects. These were the problems which BEM offered to solve.”

“While I really like the flat selector approach that BEM defines, I prefer to not clutter my elements with a bunch of classes. My decision was then to use data attributes to apply my modifiers and contexts.”

How do we handle CSS at trivago, what methodologies do we apply, how do we structure our CSS, what do we do for Quality Assurance and…

Prägnanz & Pragmatik

BEM was a transformative methodology in the world of CSS, but — when limited to the style sheet — it can only take us so far.

I have been reading an endless number of posts regarding CSS over the last couple of days. The sheer number of possible ways to style an…

There are fashions in CSS usage, and I don’t always keep up with them. Structural markup like BEM block — element-modifier is currently…

How a little BEM and cleverness can make extensive use of EMs worth doing, and how it can up your game.

How a little BEM and cleverness can make extensive use of EMs worth doing, and how it can up your game.

BEM — Block Element Modifier is a methodology, that helps you to achieve reusable components and code sharing in the front-end.

The second article that gives you practical advice on how to build better CSS.

Una shares with us various CSS methodologies in creating Atomic OOBEMITSCSS

We’re big fans of functional programming at Wealthfront. Emphasizing immutability and functional style means fewer “surprises” because side-effects are limited or nonexistent. We can quickly build up large systems from discrete, focused components by way of composition. Applying such principles is straight forward in most languages, even if they’re not functional by definition, but the... Read more

Using Pattern Lab and BEM on a project I stumbled upon a great way of structuring CSS, better naming, and better a developer experience.

It's fun writing beautifully architected CSS components, but the fact is, I won't always be there, and in the monolith model, the team will never stop writing CSS. Functional CSS is the idea that instead of writing big, monolith components in my CSS, I write small, single property, immutable classes that can be assembled into a larger component in HTML.

“I have preached BEM, and I think it's a good solution to a lot of CSS semantic issues. But I think having a well documented naming scheme is more important than having a perfect one, and being dogmatic doesn't help anyone.”