🥣 The Goldilocks Customizable Select Height — Jake walks through getting the sizing of customizable <select> elements just right. He lands on a calc-size() solution that respects intrinsic sizing while capping dimensions. A practical deep-dive with demos, CSS code examples, and fallbacks.

Jake Archibald

Introducing the <usermedia> HTML element — Shipping in Chrome 151, this replaces the getUserMedia() prompt for controlling camera and microphone access. It also introduces a way to let users change their mind on blocked permissions, without the need to dig into browser settings.

Viana and Le (Google)

Webflow for Developers — APIs, SDKs, and Code Components for building sites on Webflow. Bring your own code, deploy apps on Webflow Cloud, build custom integrations, publish to the app marketplace, or build with agents via the MCP server.

Webflow sponsor

The Shifting Line Between CSS States and JavaScript Events — A tour of the (more than you’d think) CSS pseudo-classes that can stand in for JS event listeners, plus a look at the experimental/future event-trigger syntax.

Daniel Schwarz

An Animated Radial Gradient Mask Over Text in CSS — Cassidy shows us how she replicated a neat radial rings effect, using the CSS mask property along with a repeating radial gradient. Demo here. Browser support isn’t universal, but the journey she takes is interesting.

Cassidy Williams

Dark Mode with Web Standards — A good technical overview on how to implement a robust dark mode for your site — one that respects OS-level preferences, but also provides a manual override.

Ollie Williams

Your Agent Builds the Frontend. What About the Database? — ghost gives it a Postgres fork per task, like a scratchpad. Spin up, throw away, no project limits. Try for free.

ghost sponsor

WebGL Without a GPU — How do you render WebGL on a fleet of Linux boxes with no graphics card? A look at the CPU-emulation chain that’s available, and a Chrome flag that sped up taking a screenshot by 4x.

Kiko Beats

Modes and Themes That Stick: Building a Persistent Toggle Solution — A three-layer, progressively enhanced approach to mode and theme switching.

Stuart Robson

Slim Select 4.0: An Advanced Select Dropdown Control — A feature-rich select dropdown component with no dependencies. The recently released v4.0 adds a modal mode for mobile-friendly picking.

Brian Voelker

FixCSS: A Library to Rectify Mistakes in the Design of CSS — TIL that the CSS Working Group has a list of ‘mistakes’ made in the design of CSS. This library sets out to rectify these failures, as explained here.

Declan Chidlow

One Session Left: Agentic Debugging with Sentry MCP and Seer — Build agentic debugging with the Sentry MCP, CLI and Seer. Catch it before it's done.

Sentry sponsor

<qr-code> 2.0: Web Component for Generating QR Codes — A recently modernized, decade-old solution to display QR codes on the Web in PNG, SVG, and HTML formats (so you can style them entirely to your liking). Demo.

Eduard Castellano

Snipgrapher: CLI Tool to Generate Images of Code Snippets — Whether from code files, stdin, or an inline source. It uses the powerful Shiki syntax highlighter, but with a built-in fallback option.

Matteo Collina

Where to Find the Colors Your Screen Can’t Show You — We may now have fancy displays and a slew of expanding color capabilities at our disposal (P3, OKLCH, color()), but there are still real-world colors screens can’t reliably reproduce. Ryan takes us on a fascinating journey of just what those colors are: “There are around 500 species of birds with colors outside the sRGB gamut”.

Ryan Moulton