modulare Webentwicklung

Dave Rupert recently tweeted asking a question that I see quite often: .some-context .thing { /* special rules and overrides */ } Does that go in thing.css or some-context.css? Then, Har...

Growing a product is an eternal balancing act. Applying a Design Systems approach to every level of your product – not just the UI – will help you to maintain control over that balance and prevent any one force from dominating too much.

Coding in any language is hard before you spend time mastering it. Imagine what your JavaScript would look like if you never took the time to learn about OOP or

Build UIs in a better way: from the component up

These days, I often find myself hearing people say “we use BEM” or “we use SMACSS” and the question that often comes to mind is “how exactly do you use them?” Coming up with a catchy na...

Design systems make deciding in the browser much easier if you have the right ingredients.

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