modulare Webentwicklung

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.

Automate any action you can perform manually in DevTools by unleashing the raw power of the DevTools Protocol.

I'm a massive fan of BEM, however there are a few problems I have with the syntax. I've made some slight tweaks to improve on it. I call this adapted syntax ABEM.

All People So far, all of the solutions we've talked about so far are build time solutions. They won't change from render to render. But as…

Sometime back I tweeted "Writing the correct CSS once is pretty easy. Making that CSS work in all situations, and for all people is the…

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.

CSS selectors all exist within the same global scope.

In August, we released a major redesign of slack.com, and we want to give you a peek behind-the-scenes. Rebuilding our marketing website was a massive project that took careful coordination across a variety of teams, departments, and agencies. We implemented a redesign while overhauling all the under-the-hood code. Our aim was to address a few […]

It's hard to style basic web components if you've never done it before. You want your buttons and forms to look good and also be cross…

Building a (presidential) design system

Writing CSS in imperative style can quickly effect in:

I’m big on modular design. I’ve long been sold on dividing websites into components, not pages, and amalgamating those components dynamically into interfaces. Flexibility, efficiency and maintainability abound.

Naming conventions that frameworks and design systems use when it comes to typography, especially headings sizing.

When working on an article about user-centered web development I ended up exploring a bit more the topic of consistency in code. Consistency is one of the

I would say this is the future, but we're already doing it.

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

Over the past years, we have put a lot of work into building a solid infrastructure for UI development. In this post, we talk about the human aspects of collaborative front-end projects.

Zsolt Nagy discusses three principles of CSS architecture and why mastering them will help you keep your CSS maintainable and lean.

We just created a design system for a huge organization and established a CSS architecture we're quite pleased with. It's one of the first times I've ever gotten to a project's finish line without wishing I'd done at least a few things differently. So I thought it would be great to share how we went