modulare Webentwicklung

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.

A short yet detailed introduction to understanding SOLID design principles.

The craft of CSS is dying, it’s easy to claim these days. But is style sheet quality that important at all? The opposite position appears legitimate just as well. A few thoughts.

A high level guide for designers and developers who write CSS, but want to be more strategic about building moderate to large scale CSS…

Why naming something based on what it is, instead of how it looks or behaves is the foundation of well architected and maintainable CSS.

Most CSS developers I know don't think too hard about their choice of class names. In this article we'll take a good look at the impact of our choices.

How do I make my CSS scalable and maintainable? It’s a concern for every front-end developer. ITCSS has an answer.

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

Five insights from the year with Inverted Triangle CSS.

CSS styles isolation is the most frequent start point of the BEM usage. But this is the least that BEM can give you. BEM brings a system approach in your project and keeps it from the mess.

CSS is easy, some might argue, but that "easiness" can cause messy code. This is especially true through power of preprocessors like Sass or Less where,

by Sarah Dayan How to decide whether you should chain or extend CSS classesPhoto by Alexandru Tugui on UnsplashIf you’re building an app or a website that changes often, modular CSS methods solve many issues. Instead of copying your HTML structure in CSS and decorating it, you create consumable

CSS. It's a web designer's playpen. With so many colors, type settings, layout options, and responsive possibilities, it's easy to turn a stylesheet into a million line nightmare. However, with a few simple actions you can clean up the mess so the CSS works with you, not against you.

As a front-end developer, arriving on a project, who has not found himself thinking, “Damn, where does this class comes from? Where is it…

Things I love:

Over time, systems happen.

UPDATE: You can find an updated version of this post on my blog.

CSS Best Practices: how to scale CSS in a fast-growing SaaS startup. Learn CSS best practices from SCSS to Styleguidist, SASS, PostCSS, React, Bulma, CSS-in-JS or Bootstrap.

I think styling is one of the most interesting parts of the frontend stack lately. In trying to clearly outline a set of opinions about web…

by Sarah Dayan Photo by Iker Urteaga on UnsplashIn Defense of Utility-First CSS“Favor composition over inheritance”. This piece of wisdom from Design Patterns, one of the most influential software engineering books, is the foundation of utility-first CSS. It also shares many principles with functional programming: immutability, composability, predictability, and

An approach to writing lightweight, scalable CSS using utility classes that are easy to write and understand.

Go Atomic for Scaling, Performance and Simplicity

For as long as I’ve been a web developer, the CSS Cascade has been a thorn in my side. I understand how it can be helpful, but the number…

The result of reviewing, normalizing, rephrasing, sorting, and testing 134 responses to a maintainability survey that yielded more than 500 data points, to form a new guide, a new and more definite guide to web maintainability.

justmarkup is the site of Michael Scharnagl, a front-end developer living in Berlin.

BEM is a popular CSS naming convention. While the fundamentals of BEM are simple and straightforward, mistakes are common. These BEM examples will help you apply this useful naming convention and avoid some of the pitfalls many face when using BEM naming conventions.