modulare Webentwicklung

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.

Using Pattern Lab and BEM on a project I stumbled upon a great way of structuring CSS, better naming, and better a developer experience.

Writing CSS is easy. Writing maintainable CSS is hard.

Denis

Thoughts on web development, open source, software architecture, and the future.

A new OOCSS abstraction

Creating a component framework for the City of Gothenburg and the challanges of moving towards a modular UI design methodology.

It's fun writing beautifully architected CSS components, but the fact is, I won't always be there, and in the monolith model, the team will never stop writing CSS. Functional CSS is the idea that instead of writing big, monolith components in my CSS, I write small, single property, immutable classes that can be assembled into a larger component in HTML.

“I have preached BEM, and I think it's a good solution to a lot of CSS semantic issues. But I think having a well documented naming scheme is more important than having a perfect one, and being dogmatic doesn't help anyone.”

Whether you’ve just discovered BEM or are an old hand (in web terms anyway!), you probably appreciate what a useful methodology it is. If you don’t know what BEM is, I suggest you read about it on the BEM website before continuing with this post, because I’ll be using terms that assume a basic understanding of this CSS methodology.

A few weeks ago I tweeted about BBC Sport’s CSS architecture and it got a lot of attention:

How rethinking the Airbnb app changed the way we approach design

As projects grow, they can become unruly. Kasey shares when it’s a good time to reign in the chaos and start refactoring.

Inlining critical CSS is an optimization technique designed to make your site render blazingly fast. But does it?

There’s a recent CSS property that I had originally been quite excited about: all. The all property is a shortcut for resetting all of the properties on a given element. Like a big ol’ CSS rese...

CSS selectors all exist within the same global scope.

A few months ago we had the opportunity to create a new product from scratch at YPlan and we wanted to do it in the right way. Our aim was…

A blog on CSS, HTML, Javascript to make and design websites

Simple tips to help us write better documentation, and eventually attract more developers into using our open-source projects.

Who bridges the gap between the design systems and the engineering team? I call these enablers: “Design Systems Ops”