modulare Webentwicklung

So how do you sell a design system to the client? How do you establish a shared commitment within the company to put a pattern library on the roadmap? As designers and developers, we often know and see the benefits of an overarching system that radiates consistency throughout the different experiences of a company. But sometimes it’s seen as a very unpredictable investment, and the value isn’t necessarily visible right away. In his article on Selling Design Systems, Dan Mall suggests to illustrate how fractured an organization is by printing out its different presences online an...

Our markup too often remains a snarl of divs, our CSS a chaos of classes. Tim Baxter urges us to move beyond that. We can use real objects now instead of abstract representations. We can write CSS …

The way you manage styles can make or break a long-running web project. Keeping things modular helps a great deal, but that’s only part of the solution. Six months ago we had a go at setting up CSS unit tests for our UI components. Brilliant decision, as it turns out! Since then, our job is a lot nicer. The speed of development is fast and steady. Each of us on the team is now coding with confidence, without the fear that things might unexpectedly break. And here’s how we did it:

Tim Baxter’s recent A List Apart article, Meaningful CSS: Style Like You Mean It, has once again re-ignited the debate that front-end…

Adding further meaning and information to the BEM naming convention

Harry Roberts recently wrote about creating a Specificity Graph to get a better picture of your CSS. Harry’s conclusion is that a spiky graph is a bad graph. Spikes that occur mid-graph could lea...

We help design leaders get the most from their products, services & teams.

In this new Pattern Build series, we’re going to pick a pattern on the web and write modular, responsive, and reusable HTML and CSS for the particular pattern. This week, we’re going to recreate the cards seen on CodePen.

Hugo speaks from experience and gives us his personal suggestions on how to deal with a messy codebase, whether it's our own old project or something inherited.

There's 5 things that helped me shape up the way I code my designs enormously: coding guidelines, itcss, namespaced CSS, BEM and documentation in a front-end style guide.

Before the refactor, my CSS weighed 111kb. After the refactor, it weighed 27kb.

The focus was on improving our Front End skills through a two-day workshop, but the experience gave us more than a bunch of technical skills and knowledge. Writing CSS is very simple.

“Object-oriented CSS” is the idea of treating page elements as objects, giving all these objects classes, treating objects’ classes as single entities in style sheets, and taking it from there. I reviewed the old OOCSS site and Smashing Magazine’s introduction.

BEM — Block Element Modifier is a methodology, that helps you to achieve reusable components and code sharing in the front-end.

Editor's note: This article is part of our Code Optimization series, where we take a look at how to optimize coding for better efficiency in a bid to be

A blog post titled Things To Avoid When Writing CSS caught our attention a few days ago. We appreciate the author's point of view, but we just couldn't bring ourselves to agree on all the points raised.

Preface: In my original post about all the things I think you shouldn’t do when writing CSS, I condemned nesting, using pixel units…

Disclaimer: You may disagree with some of the things I’ve written in the ensuing article. That is okay. I do not claim to represent you…

Lesen Sie, wie Microservices die Skalierung agiler Prozesse mit Hilfe der Software-Architektur ermöglichen.

Erfahren Sie in diesem Artikel, wie wichtig die Berücksichtigung von verschiedenen Arten der Skalierbarkeit bei der Wahl einer Software-Architektur ist.

CSS methodologies help you create maintainable/scalable stylesheets. Also, following a set of guidelines/best practices for your projects has many benefits.