modulare Webentwicklung

I was talking to a brilliant engineer friend the other day who mentioned they never get to build anything from the ground up. Their entire career has

There are fashions in CSS usage, and I don’t always keep up with them. Structural markup like BEM block — element-modifier is currently…

Or How to Improve Your Sleep by Dropping the Cascade

Language defines the life of components. A “blue button” will work until the button is no longer blue—and then the name won’t make sense anymore. The pattern will have no reason to exist if blue buttons have fallen out of use

The following is a guest post by Ahmad Shadeed. Ahmad has put together a ton of examples to show off how using relative units can benefit us. I think a

Embracing the difference in pattern types is the key to making a modular design system infinitely more scalable.

Technology companies are expected to move at an incredible pace, and building software is complex.

This is my second “Fun with CSS” post, maybe this should become a series. But anyway, I had watched the video of Ethan Marcotte‘s talk at An Event Apart called Laziness in the Time of Responsive Design, and was fascinated by his progressive enhancement demo.

Three key steps to help you refactoring legacy code

Technically a pattern library is a simple collection of UI components, but in order for design system users do their best work, a pattern library should also present other important info. Let's take a look at what information can be displayed alongside each pattern Title The name of the pattern sh

How a little BEM and cleverness can make extensive use of EMs worth doing, and how it can up your game.

How a little BEM and cleverness can make extensive use of EMs worth doing, and how it can up your game.

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

The second article that gives you practical advice on how to build better CSS.

Thoughts about styling with classnames versus styling with HTML elements. TL;DR: we need both.

On your average CSS-writin' day, odds are you won't even think about precedence in CSS. It doesn't come up a whole heck of a lot. But it does matter! It

The benefits of UI design systems are now well known. They lead to more cohesive, consistent user experiences. They speed up your team’s workflow, allowing you to launch more stuff while saving huge amounts of time and money in the process. They establish a common vocabulary between disciplines, resulting in a more collaborative and constructive workflow. They make browser, device, performance, and accessibility testing easier. And they serve as a solid foundation to build upon over time, helping your organization to more easily adapt to the ever-shifting web landscape. This article provide...

Una shares with us various CSS methodologies in creating Atomic OOBEMITSCSS

With thousands of engineers working across a range of products at Facebook, we face some unique challenges when it comes to code quality. Not only are we dealing with a large codebase, but things are also moving fast — new features are being added, existing ones are being improved, and things are being reorganized. For [...]Read More...

A case study about redesigning the item element of the hotel search result list on trivago’s website.

Trivago: A free hotel-comparison app that helps you find your ideal hotel for the best price.

Evolution and approaches of integrating a pattern library at large scale

We’re big fans of functional programming at Wealthfront. Emphasizing immutability and functional style means fewer “surprises” because side-effects are limited or nonexistent. We can quickly build up large systems from discrete, focused components by way of composition. Applying such principles is straight forward in most languages, even if they’re not functional by definition, but the... Read more

Design Doesn’t Scale is a statement that has bothered me for the last four-years. When I joined Spotify’s design team in 2012, the level of…

Lately, we have seen a lot of people struggling with CSS, from beginners to seasoned developers. Some of them don't like the way it works, and wonder if replacing CSS ...

Build consistent, scalable front-end styles.