CSS

We can take a value set in an HTML attribute and use it in CSS, even extracting each individual digit in order to animate separately.

A list of items with thumbnails that flip into place as needed. Can we ditch the JavaScript?

David Bushell is very sick of the “scroll fade” effect. It’s the effect where, as you scroll down a page, elements slide into place. Often, all the elements. I agree it’s overplayed since it’s usually movement for the sake of it, not adding anything to the experience. It’s true that movement catches our eye, but […]

Safari has support for <input type=”checkbox” switch> where a normal ☑️ checkbox turns into a toggle. You don’t strictly need the browser support to get the look, as it’s weirdly easy to replicate (based on idea from Richard Keizer). But Thomas Steiner has a more comprehensive polyfill if you want it to behave more exactly […]

Turns out `anchor-scope` is pretty darn useful for button/menu setups that will appear multiple times on the same page.

All the big browser makers (and Igalia, a major contributor) dropped their timed blog posts announcing Interop 2026. I’ll link to Apple’s because I like how they used column-width on the feature list and I’m stealing that (in case you see this post directly). I’m a fan of all of it but of course I’m […]

What can we say except BOINNNGGG BOINNGGGGGG.

I ran across this website Very Good Components the other day and thought it was a neat idea to have a design gallery that wasn’t whole websites but individual components. They actually went a bit further and have configurable code for them. Here’s a Glowing Gradient Divider. I decided to remake it as an <hr> […]

You might need to know this someday: you can style a div, put the div into SVG, then put the SVG in to CSS and use it as a repeating background.

To avoid page loading jank, there are things we can do to avoid content from shifting around, even if repainting is still necessary.