Much like final time, What’s !essential #15 is fairly stacked — learn all about boundary-aware CSS, making grid lanes accessible, creating time-based net designs, fixing full-bleed CSS, bettering customizable , new net platform options, and extra.
Utilizing view() for boundary-aware CSS
Preethi Sam very expertly walked us via the idea of boundary-aware CSS. Utilizing view(), Preethi was in a position to create a spread of actually helpful results, a few of which I’ll share under:
I additionally wrote slightly one thing for the Grasp.dev weblog, about making interactive components invisible however accessible. It feels like extra work is required to make it totally accessible, and {that a} new worth for the hidden attribute could possibly be the reply.
Accessibility: A Grid Lanes Story
Dan Holloran wrote about grid lanes structure (previously “masonry structure” or “that factor that Pinterest did”).
Manuel Matuzović stated that it isn’t accessible (grid lanes structure, that’s, not Dan’s article, which is nice and will get straight to the purpose).
In a follow-up article a couple of days later, MM recommended utilizing reading-flow to make grid lanes accessible, which looks as if the appropriate name however hasn’t been examined but.
The right way to create time-based web site designs
Sophie Koonin demonstrated make a web site change based on the time of day utilizing the Temporal API and color-mix(). Sufficient stated, that’s simply superior (like macOS’s dynamic wallpapers).
A repair for full-bleed CSS
David Bushell confirmed us repair full-bleed CSS. That’s, make one thing span the complete horizontal viewport (with none overflow — that’s the tough half!) regardless of being nested inside one other component. I simply like to see previous issues being solved with fashionable CSS (trace: it’s container question items).
And if that isn’t already cool sufficient, Temani Afif just lately shared one other breakout method proper right here on CSS-Tips that makes use of the brand new border-shape property.
A repair for CSS
Don’t you would like you might journey again in time and alter a couple of issues? All of us do. In actual fact, the CSS Working Group lists a number of the issues it might change about CSS.
And that’s why Declan Chidlow created FixCSS, which… nicely… fixes CSS in accordance with that. Now we are able to lastly swap border-radius (the Ethan Tremblay of CSS) for corner-radius. All is true with the world once more.
The right way to enhance customizable
Jake Archibald demonstrated enhance the UX of customizable s, addressing some sizing-related points. It’s a must-read for anyone excited about utilizing customizable .
35 new net platform options
By “new” I imply something from still-not-fully-supported-yet to just lately launched to imminent. Both method, right here’s Bramus and Una Kravets at Google I/O 2026 with 35 net platform options that you simply may not have heard of but or may wish to be reminded of:
New net platform options and updates
What a few weeks! See you in one other two!
