skip to content

Cascading Layers of !mportance

» talk

Earlier this year, all the major browsers released Cascade Layers, with the potential to fundamentally change how we write styles. But fundamental changes require us to re-think how all the pieces fit together.

Body Margin 8px

» post

All browsers add an 8px margin on the body element – it’s part of the w3c-recommended default stylesheet which browsers generally use as a starting point for their own ‘user agent’ styles. But why 8px? Where does that come from?

Beyond CSS Variables

» talk

CSS Custom Properties (aka Cascading Variables) have gained broad browser support since 2015 – but what are they good for, and why do we need them?

Dissecting CSS Conventions

» talk

How do we write code that is modular & maintainable, in a language designed to be systematic & contextual?

When Variables Cascade

» talk

The Cascade makes CSS unique – forcing us to revisit even the most common programming feature: the variable.

Cascade Aligned Programming

» talk

From the very start, “web design” has posed a nearly impossible paradox.

CSS Most Normalizer-est

» post

Why waste your time on half-measures? Make your site THE MOST NORMALEST with this ULTIMATE CSS RESET.

Why isn’t this CSS doing anything?

» video

There are a number of property & value combinations that can lead to CSS being inactive, and now Firefox will tell you why. Open the developer tools, and look for the greyed-out property with an info-box on hover.

CSS is Rad

» talk

The web is designed to work across platforms, devices, languages, and interfaces – but how can we possibly design for that unknown and always-changing canvas?

What does revert do in CSS?

» video

I’ve often used initial and unset in my CSS – global keywords that can be applied to any property. The difference is small, but important: unset allows inheritance, while initial does not. But then Firefox implemented revert and I was confused – how is this one different from the others?!

Why is CSS so Weird?

» video

Love it or hate it, CSS is weird: not quite markup, not quite programming in the imperative sense, and nothing like the design programs we use for print. How did we get here?

Resilient Web Systems

» workshop

From building beautiful sites to maintaining complex design systems across multiple applications, CSS is the web-language of design.