modulare Webentwicklung

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

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

Hey there! I wrote a book called Atomic Design that dives into this topic in more detail, which you can buy as an ebook. We’re not designing pages, we’re designing systems of components.—Stephen Hay As the craft of Web design continues to evolve, we're recognizing the need to develop thoughtful de

As front-end developers and designers, we’re constantly refining two interfaces simultaneously: one for visitors who load the website, the other for developers who have to tackle the code in the future, when adjustments or full-scale redesigns must be made.

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