modulare Webentwicklung

“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…

8 simple rules for a robust, scalable CSS architecture - jareware/css-architecture

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…

Many programming languages go through a code review before deployment. Whether it's a quick once-over, in-depth peer review, or complete unit testing,

And why it can be hard to do in CSS

I was talking to a brilliant engineer friend the other day who mentioned they never get to build anything from the ground up. Their entire career has

Language defines the life of components. A “blue button” will work until the button is no longer blue—and then the name won’t make sense anymore. The pattern will have no reason to exist if blue buttons have fallen out of use

Or How to Improve Your Sleep by Dropping the Cascade

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

The following is a guest post by Ahmad Shadeed. Ahmad has put together a ton of examples to show off how using relative units can benefit us. I think a

Embracing the difference in pattern types is the key to making a modular design system infinitely more scalable.

Technology companies are expected to move at an incredible pace, and building software is complex.

This is my second “Fun with CSS” post, maybe this should become a series. But anyway, I had watched the video of Ethan Marcotte‘s talk at An Event Apart called Laziness in the Time of Responsive Design, and was fascinated by his progressive enhancement demo.

Three key steps to help you refactoring legacy code

Technically a pattern library is a simple collection of UI components, but in order for design system users do their best work, a pattern library should also present other important info. Let's take a look at what information can be displayed alongside each pattern Title The name of the pattern sh

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.

Thoughts about styling with classnames versus styling with HTML elements. TL;DR: we need both.

On your average CSS-writin' day, odds are you won't even think about precedence in CSS. It doesn't come up a whole heck of a lot. But it does matter! It