Chris Coyier

One approach to color modes it to do it all in CSS with prefers-color-scheme media queries and/or the light-dark() function. A user toggle can be a future improvement.

Baseline now has a baseline-status web component widget that can be used anywhere to show of general browser support. This post gets into what else there is to think about there.

These custom video (and audio) players are very nice. I like how the accommodate narrow/vertical video players and work with any video provider (even YouTube).

Sacha Greif introducing the State of CSS 2024 results: Let me make a prediction: we’ll look back at 2024 as the turning point between “CSS Classic” and “New CSS”. That feels intuitively true to me, except we won’t use those names. Check out work done on CSS Levels which define CSS4 and CSS5 “eras” (which […]

You can give a name (“custom ident”) to any scrolling element’s “timeline”, have a parent element pick it up, then have any other element use it for their own animation timeline. It’s a trip!

Heydon blogged about <blockquote> and Michelle blogged our collective sigh at how unfortunately hard the simple act of quoting something is. You’re not supposed to put a <cite> inside the <blockquote> which I find obnoxious especially because the screenreader situation seems fine with that pattern (this WordPress blog does it that way by default). Adrian […]

Technical debt is a bit of a squishy term, generally referring to technical choices and the long term consequences in code. You’ll need to pay that debt one day so the metaphor goes. I admire Bill Clark’s calling: I’m obsessed with tech debt. I want to find it, I want to understand it, and where […]

If you give a scroll or view timeline a –custom-ident name, then any descendent can “listen” to that timeline and base @keyframe animations off of it.

I enjoy writing code in Go, but an easy critique of it is templating doesn’t feel good. I’ve only just heard of Templ and it looks fabulous. You make .templ files which contain what look like JSX functions. They take typed params and have an implied return of the HTML they contain These .templ files […]

A rather exceptional CSS trick discovered by Roman Komarov that uses scroll driven animations to resize lines of text to fit exactly to their container.