I do know you’re busy, so for What’s !necessary #14, I’ll be sprinting via what’s been a stacked couple of weeks regardless of few browser updates. From CSS Quake to CSS Hole Decorations, this isn’t one to overlook!
Hyperblam: Make music with HTML
Heydon Pickering created Hyperblam, a HTML-driven implementation of the Internet Audio API that makes use of Internet Elements to create music with out JavaScript.
Okay, not very CSS-y, however nonetheless fairly cool!
CSS Quake
Powered by PolyCSS, Layoutit created CSS Quake, a port of the groundbreaking 1996 recreation, Quake.
Very CSS-y, and an ideal companion to CSS DOOM, which additionally shipped just lately.
A head-first dive into CSS Hole Decorations
Temani Afif confirmed us methods to type hole decorations. As you may’ve guessed, ‘gaps’ are the areas that holes take up when utilizing flexbox, grid structure, or multi-column structure. To be trustworthy, hole decorations have been a very long time coming, however as Temani demonstrated, there’s really rather a lot that we will do with them.
CSS random() experiments
Polypane demonstrated their CSS random() experiments. If you happen to’ve been questioning about this elusive CSS perform, which nonetheless isn’t supported by any browser however Safari, Polypane has created a bokeh impact, some falling petals, an untidy stack of polaroids, a poem, an animated aurora, and extra. It’s a fairly deep dive that seemingly reveals us every part that we will do with random().
The right way to make
Manuel Matuzović confirmed us methods to set the width of s to the width of their chosen with field-sizing (field-sizing: content material, to be extra particular), which grew to become Baseline when Firefox 152 shipped it a fortnight in the past.
One other factor to notice is that if we use the measurement attribute (e.g., ), which turns the right into a scrollable record field exhibiting three s by default, field-sizing: content material overrides that to indicate all s.
The brand new normal for CSS theming
Una Kravets defined how fashionable CSS theming works. We’ve seen a complete lot of this currently, however Una talks about @property, light-dark(), contrast-color(), and @container type(), all of that are additionally Baseline as of just lately, so it is a nice alternative to see how all of those options work collectively.
Talking of which, I wrote up a factor about contrast-color() after exploring it for the primary time.
Why web sites don’t must work the identical means for everyone
Bramus defined why web sites don’t must work the identical means for everyone. For instance, totally different platforms have totally different main enter modalities, and even then, customers might need a secondary one attached that they like, which is why we have to abandon the concept of creating web sites an identical throughout platforms.
He additionally talks about three extremely attention-grabbing internet platform options — curiosity invokers, overscroll actions, and the Doc Image-in-Image API — that should perform in another way relying on the platform.
Marina Aísa at Internet Engines Hackfest
Whereas all people was nonetheless speaking about CSS Day (together with me), Internet Engines Hackfest was kicking off in A Coruña, Galicia. What I like about these occasions (moreover the talks, after all) is attendees speaking concerning the talks, the those that they met, what else they did whereas they was on the town, and so forth.
Right here’s Marina Aísa documenting the two-day occasion, beginning off with a hike in a Galician forest, then two days of talks about internet engines and internet requirements (interspersed with some wall climbing), then lastly some dialogue about what browsers can do to assist enhance internet accessibility:
This week I am in A Coruña, Galicia, attending the @webengineshackfest.org 👩💻 the place we’re discussing the way forward for internet engines and requirements.
Given the potential affect on future internet improvement, I assumed it could be useful to share a few of my private notes from the occasion. ✍️👇
— Marina Aísa (@marinaaisa.com) 14:31 · Jun 16, 2026
Private objective for subsequent yr: to attend one among these occasions!
New internet platform functions
Sure, it’s been a uninteresting couple of weeks for secure browsers, however there are some actually thrilling issues arising. Hold your eyes on our Fast Hits, as a result of that’s the place I share these internet platform updates first (plus these from developmental browsers). In actual fact, Chrome 150 can be transport later as we speak.
See ya’ll in two weeks!
