Gap Decorations Get Their Due
CSS gaps — the spaces between items in flexbox, grid, and multi-column layouts — have historically been a dead zone for styling. Temani Afif's deep dive into gap decorations shows what's suddenly possible, revealing techniques for decorating those interstitial spaces that were previously untouchable. It's a feature that's been a long time coming, and the practical applications are more extensive than the simple concept might suggest.
New Projects: Music and Mayhem Without JavaScript
Two notable experiments landed recently, both pushing what HTML and CSS can do on their own. Heydon Pickering's Hyperblam is an HTML-driven take on the Web Audio API, using Web Components to compose music with no JavaScript required.
On the more aggressive end of the spectrum, Layoutit shipped CSS Quake, a port of the 1996 classic powered by PolyCSS. It pairs nicely with the earlier CSS DOOM project, both proving CSS can handle real-time rendering workloads most developers would never consider.
Random Numbers Start Proving Themselves
Though random() remains unsupported everywhere except Safari, Polypane's experiments give a convincing preview of its potential. The demos — a bokeh effect, falling petals, a deliberately messy stack of polaroids, a poem generator, and an animated aurora — read like a survey of what generative CSS could look like once the function arrives in more engines.
Making <select> Elements Fit Their Content
Manuel Matuzović demonstrated a clean way to size <select> elements to match their selected <option> using field-sizing: content. The feature reached Baseline when Firefox 152 shipped it, making the technique viable across all major browsers.
One caveat: when a size attribute is present (such as <select size="3">, which renders a scrollable list box), field-sizing: content will override it and display every <option> instead of just the default visible count.
A Unified Approach to CSS Theming
Una Kravets laid out the current state of modern CSS theming, tying together several features that have all recently reached Baseline status. Her write-up covers @property, light-dark(), contrast-color(), and @container style(), showing how they compose into a coherent theming system. It arrives alongside separate explorations of contrast-color(), which has been getting fresh attention now that it's settling into browser support.
Rethinking Platform Uniformity
Bramus argues that websites shouldn't be expected to behave identically on every platform, and the web platform itself is starting to agree. Input modalities differ between devices — a user might have a primary input method on one platform and a preferred secondary one on another — which makes pixel-perfect functional parity an outdated goal.
His post examines three platform-aware features — interest invokers, overscroll actions, and the Document Picture-in-Picture API — and why each one must adapt to its environment rather than enforce a single behavior everywhere.
Web Engines Hackfest Notes Surface
While CSS Day dominated conversation a week earlier, Web Engines Hackfest took place in A Coruña, Galicia over two days of talks on web engines and standards work. Marina Aísa documented the event, from a hike through a Galician forest to the sessions themselves and closing discussions about how browsers can improve web accessibility:
This week I'm in A Coruña, Galicia, attending the @webengineshackfest.org 👩💻 where we are discussing the future of web engines and standards. Given the potential impact on future web development, I thought it would be helpful to share some of my personal notes from the event. ✍️👇
— Marina Aísa (@marinaaisa.com) 14:31 · Jun 16, 2026
Browser Release Roundup
Stable browser activity has been quiet, but Firefox 152 did land one meaningful update:
field-sizingis now Baseline in Firefox 152.
