BlogFlock

This post pushes customizable <select> to an extreme. I think it turned out nice.

It's mostly CSS! A li'l JS sprinkle just to position the ::picker() and the selected option together; the JS is nice to have, CSS does the real work.

superellipse forced colors light/dark theme slick scrollbar

This week I compete in Syntax's March madCSS; me against 16 other badass devs in CSS & UI challenges 😅

Wish me luck 🤞

It's more natural when animations start near the trigger point, this CSS technique makes it easy. AIM animates from any element, and to any element.

Thanks to anchor(), anchor-size(), @starting-style, and interpolate-size.

All together they can create an anchor interpolated morph: an interruptible contextual transition…

I can’t stop thinking about a series of blog posts by Eleanor Janega I read a couple of months ago. The first is called There’s no such thing as the ‘Dark Ages’, but OK, where she writes:

The medieval period was not a period of stagnation, it was a…

2026; I think every front-end developer should know how to query scroll states, trim typographic whitespace, stagger with sibling-index(), and use type safe attr().

This is only some of the CSS that shipped in 2025 you need to know.

Watch out: a new website appears! Yesterday I published the ninenteeth official version of this website and this time round it’s inspired by the work I’ve done on developer tools these last few years. It’s my own personal IDE: you can navigate files, open up folders, and see how I’d…

Some people read about the hero, some people play as the hero. If you don't play video games, you have 2 choices:

1. Suffer through my ramblings
2. Realize you're missing out and give one of these a try

Here's what we've been playing:

Skate Story #

You're a glass skateboarder stuck…

Bring the color in at gradient.style

I’ve been thinking about the web and how it’ll change with the increasingly…uh…worrying decline of search. It feels like the order of their results can no longer be trusted, the web no longer reliably scraped. Instead, this essential tool we’ve relied on for more than two decades has halted all…

Fit width text in 1 line of CSS:

h1 {
  text-grow: per-line scale;
}

Prototype available in Canary 165

Codepen · CSSWG · Explainer · Prior Art