modulare Webentwicklung

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

The Media Object pattern is: image thingy on the left, heading and text on the right. That's what Nicole Sullivan called it and the name stuck. It's a

Tips for designing and building a consistent design system.

An update to my 2012 article, Code Smells in CSS

Building complex UIs one component at a time

In developing a component-based interface, how we decide to construct our components can sometimes make a considerable difference. Consider this carousel design. Carousel with multiple car...

Our Community, not Companies, Should Build Pattern Libraries

Discussing the problems we have to keep applications in sync with our design system. Changes in CSS and JavaScript is one thing…

Building a highly consumable UI component library is no easy feat and this article will focus on one particular tricky aspect of it: outer…

Establish a process to deliver on the quality you promise

Reducing our design handoff from 30 mockups to just one

In 2011, Elaine McVicar wrote an article describing the process of designing one of the first complex responsive sites. Now that the concept is no longer in its infancy, we're taking another look at how to redesign a large scale responsive site.

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

Keeping your style sheets in order benefits your designs and clients alike.

It’s time to reexamine the toys in your conceptual toy box. When you see how to make web components modular down to the elements level, you may leave the Russian nesting doll metaphor and start to …

It’s a weird, confusing, exciting time for CSS.

You were destined for greater pages than this. Keep moving forward.

You were destined for greater pages than this. Keep moving forward.

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…

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.