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

To deliver in 2022, the modern enterprise must become composable.

How do we plan future-proof styles in a world with an infinite degree of device and user ability variance? Let's explore how things can break and how modern CSS provides solutions.

Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.

The z-index property, despite all that’s written about it, is still widely misunderstood and mishandled. Stacking issues in a complex single-page web application can become a major pain. Adhering to some principles, however, we can easily avoid these issues.

A layout example that shows off a responsive photo gallery.

“Atomic Design” - notes from Brad Frosts talk at Beyond Tellerrand 2013.

A presentation created with Slides.

Page you are looking notfound

Applying the concept of scope to our CSS

As we wrap up our recent poll on ordering CSS properties, it brings up the larger issue of CSS style guides. Ordering properties is just one choice you

Redesigning CSS Wizardry to better suit my needs

The discussion of semantic HTML class names is one that goes back quite a while. While many great frontend developers have discussed back…

Working in intense sprints to help build an eLearning platform for the NHS

A way of giving complex, OOCSS-built components more meaningful names

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

CSS selectors all exist within the same global scope.

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.

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

Developer Ben Frain once remarked that it's easy to write CSS code, but it is hard to scale and support it. This article describes the set of solutions

I have been working to help create styles that are to be used across multiple projects and teams; a Style-guide that should live long and…

Do you remember when working with CSS was like add /* */ to your index.html just before the /* */ 🙄 ?

This is a real worry these days. I've heard it from lots of lots of developers. The years tick by on their projects, and all they ever seem to do is add

Can't find your Sass or JavaScript component files? Well, here's a way to organize them properly :)