modulare Webentwicklung

Learn how to create and maintain digital design systems, allowing your team to roll out higher quality, more consistent UIs faster than ever before.

Modular CSS is a collection of principles for writing code that is performant and maintainable at scale.

Sparkbox developer Philip Zastrow addresses four common misconceptions about BEM and explains how and why the CSS naming convention of Block Element Modifier helps solve organizational thinking around class names.

Let's look at all the problems associated with atomic or functional CSS.

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

Over the last several years, the way I write CSS has transitioned from a "semantic" approach to something more like what people call "functional CSS." In this post I explain how I got to this point and share some of the lessons and insights I've picked up along the way.

Do you dread styling your apps? Fear that a change might break the styles you crafted through many hours of labour? I'm here to tell you that there's another way.

Functional CSS (sometimes called atomic CSS) has risen in popularity recently, but what are it's benefits and what type of teams and projects does it suit?

.u-glue is a CSS utility class (or what I would call an algorithm) that provides an API for positioning an element absolutely over another element. We are using it at PMC, and it's proven a useful model!

Special thanks to Jamie Street , Jimmy Musto , Jens Johnsson , Sergi Viladesau , Princess Buttercup , and all the fine folks at…

Subtitle: Why everybody who talks about the importance of semantics is both right and wrong at the same time. I’ve often heard people talk about semantic CSS. That is, the names we come up for ...

The z-index property, despite all that’s written about it, is still widely misunderstood and mishandled. Stacking issues in a complex single-page web application can become a major pain. Adhering to some principles, however, we can easily avoid these issues.

How one CSS collection can define the styles for multiple sites that look different.

Last year at Mud we adopted a utility-first approach to CSS (also known as atomic CSS). Specifically we decided to use TailwindCSS, a…

Wow, what a clickbaity headline – it makes me apologize to Brad Frost in this very first sentence. But now that I got your attention, let me elaborate

Redesigning CSS Wizardry to better suit my needs

“Atomic Design” - notes from Brad Frosts talk at Beyond Tellerrand 2013.

As we wrap up our recent poll on ordering CSS properties, it brings up the larger issue of CSS style guides. Ordering properties is just one choice you

A layout example that shows off a responsive photo gallery.

Page you are looking notfound

A presentation created with Slides.

The discussion of semantic HTML class names is one that goes back quite a while. While many great frontend developers have discussed back…

Working in intense sprints to help build an eLearning platform for the NHS

A way of giving complex, OOCSS-built components more meaningful names

Last weekend I came across more ideas about our changing css best practices, specifically a presentation by Andy Hume and an article from Nicolas Gallagher, both of which offer additional thoughts to what I’ve been talking about these last few weeks. I wanted to discuss each a little and more importantly point you to both […]