Picks

Image
Geoff Graham on Updated on

An ongoing firehose of the latest 10 things we’re reading from around the web that we find interesting. Subscribe to the feed.

January 9, 2026

Interpolate contrast-color() to manipulate lightness

In my first post on contrast-color() I demo’d using color-mix() to change a background-color on hover, but I will be honest… mixing black and white isn’t always what you want. It would be cool and helpful to coerce contrast-color() to return either 1 or -1 so that we could adjust…
January 9, 2026

Firefox DevTools hides unreferenced CSS variables (#note)

Here’s a quick and handy addition to the Firefox DevTools. Whenever you debug CSS that’s full of CSS variables, it becomes annoyingly hard to parse everything going on in the DevTools because the custom properties are cluttering :root or * or whatever. Firefox 145 (released Nov 11, 2025) now added…
December 8, 2025

Discover Dialog

by Sara JoySuffering modal woes? Positioning, backdrops, focus trapping, z-index — Oof. Just as I was, some of you may have been coding a lot of these functions into a <div> by hand with CSS and JavaScript, or using a library to handle them for you. Either way, things are…
January 2, 2026

An Astro site for my CSS Snippets

As I think I’ve mentioned a few times already, I’m learning Astro and attempting to build random stuff with it just as an excuse to help practice and learn. With that in mind, during the Christmas break and between marathon sessions of Baldur’s Gate 3, I built a little site…
November 24, 2025

The Performance Inequality Gap, 2026

The Budget, 2026 Edition Let’s cut to the chase, shall we? Updated network test parameters for 2026 are: 9 Mbps downlink 3 mbps uplink 100 millisecond RTT Regarding devices, my updated recommendations are the Samsung Galaxy A24 4G (or equivalent) and the HP 14. The goal of these recommendations is…
December 11, 2025

Thoughts on Native CSS Mixins

I have some notes from various times I’ve thought about the idea of native CSS mixins so I figured I’d get ’em down on (digital) paper! For the record, they don’t really exist yet, but Miriam Suzanne says: The CSS Working Group has agreed to move forward with CSS-native mixins. And there is…
December 5, 2025

Fit Text Responsibly

Adam Argyle made a post on Bluesky today announcing a new property called text-grow is now available in Chrome Canary 145+. Much of the folks I follow there have been very excited about it. But I’m here to tell you to be careful. About fit text The concept of fit…
November 30, 2025

A big list of things I disable in WordPress

There are many things I like about the WordPress blogging software, and many things I find irritating. The most annoying aspect is that WordPress insists that its way is the best and there shall be no deviance. That means a lot of forced cruft being injected into my site. Headers…
November 27, 2025

Web Development Tip: Disable Pointer Events on Link Images

Good tip from Jeff Johnson: My business website has a number of “Download on the App Store” links for my App Store apps. Here’s an example of what that looks like: […] The problem is that Live Text, “Select text in images to copy or take action,” is enabled by…

Quick Hits

ReliCSS helps replace CSS hacks with @supports and modern CSS.

#
More Quick Hits →