The End of Responsive Images — Mat, former chair of the Responsive Images Community Group, reflects on 14 years of srcset/sizes headaches, admitting he hates the sizes syntax he championed. Relief is in sight: the new cross-browser sizes="auto" (now in Firefox 150, too) sizes lazy-loaded images automatically.

Mat Marquis

Add Stunning Shader Effects to Your UI in Minutes — Build creative WebGPU shader effects with components—or let your AI agent handle it via MCP. Start from a collection of 550+ pro presets, customize visually, and ship fast. Works with React, Vue, Svelte, Solid, vanilla JS and more.

Shaders sponsor

Scroll-Driven Animations — Josh has been experimenting with the 'majestic' new Animation Timeline API. Here he shows us how it works (complete with demos and code), gotchas to be aware of, and some of the more advanced things we can do with it. “honestly, it’s so good”.

Josh W. Comeau

Compositing & Blending — A fascinating look at what both compositing and blending are, what’s going on under the hood when you apply blend modes in CSS, and how to approach their use.

Niklas Gadermann

Optimistic UI Won't Fix a 3-Second Query — TimescaleDB extends Postgres so dashboard queries return in milliseconds, not seconds. No pipeline needed. Try for free.

Tiger Data (creators of TimescaleDB) sponsor

Recreating Apple’s Vision Pro Animation in CSS — Apple’s site is filled with delightful animation touches, and here John attempts to recreate such an effect with CSS’s scrolling animation capabilities.

John Rhea

Let’s Use the Nonexistent ::nth-letter Selector Now — Explains the long-standing absence of the ::nth-letter selector in CSS and presents a functional “impossible” polyfill to actually implement it today.

Lee Meyer

Constructable Stylesheets and adoptedStyleSheets: One Parse, Every Shadow Root — A technical guide looking at creating CSSStyleSheet objects directly in JavaScript and attaching them to Shadow DOM, eliminating redundant <style> tags and parsing CSS only once per component class. Likely a meaningful architectural win for any app leaning on Web Components.

Rob Levin

📈 Datatype: A Variable Font That Turns Text Into Charts — A variable OpenType font that displays inline charts (bar, pie, sparklines) without the need for JavaScript or images. The page shows how it works in context.

Frank Tisellano

Handsontable: Stop Building Data Grids from Scratch — 45-day trial with full feature access and direct support — so your team builds, not just evaluates.

Handsontable sponsor

portless: Replace Port Numbers with Stable, Named Local URLs — Something like localhost:3000 becomes myapp.localhost, useful for local development for both humans and AI.

Vercel Labs

Animata: A Suite of Animation-Focused React Components — A huge suite of animation-focused components including animated beams, spreading cards, a Slack-style intro screen, and glitching text. A novel set of visual concepts you won’t find in most collections.

Codse

View Transitions Mock: A Non-Visual Polyfill for View Transitions — A JS implementation of Same-Document View Transitions, minus the visual bits. Write one code path for all browsers: supporting ones get transitions, non-supporting ones get a DOM swap, but the promises and API behave the same.

Google Chrome Labs