ECMAScript Excitement 🎉
Recently, at its 112th meeting, TC39 advanced these proposals:
4️⃣ Upsert: Map.prototype.getOrInsert()
3️⃣ Intl Era/Month Code
2️⃣ import.sync()
1️⃣ Composable Accessors via built-in Decorators
1️⃣ Alias Accessors
1️⃣ Error Option: framesAbove
1️⃣ Error Option: limit
and... 👇
Congrats @kevinpowell.co 🥂
Want to learn all about web components this week? My 8-hour online course, Web Components Demystified, is on sale for $10 through March 13th. Use the code JUST10
scottjehl.com/learn/webcom...
![A Bit on the [geolocation] Element](https://img.youtube.com/vi/hffXUYIrGMk/hqdefault.jpg)
A few min on <geolocation> in HTML/CSS/JS.
1. I like how explicit it is for users & how it helps "recover" from incorrect permissions.
2. It's *super interesting* how it checks the contrast accessibility and just makes the button not work if you dink it up.
www.youtube.com/watch?v=hffX...
ECMAScript excitement 😉
Next week in NY, @tc39.es will consider advancing:
3️⃣ Intl Era/Month Code
3️⃣ Temporal
2️⃣.7️⃣ Intl Keep Trailing Zeros
2️⃣ Error Stack Accessor
2️⃣ Import Text
1️⃣ Amount
1️⃣ Intl Unit Protocol
1️⃣ Thenable Curtailment
1️⃣ TypedArray concat & find within
0️⃣ Error code prop
0️⃣ Iterator Includes
Open UI has been working on speccing out the focusgroup attribute: a declarative way to support roving focus & add keyboard nav to composite widgets like toolbars/menus
We'd love your feedback!
Learn more & see open questions: developer.chrome.com/blog/focusgr...
H/t to Edge folks for prototyping
JavaScript Iterator․zip landed in Firefox 148, making it simple to loop over multiple things at the same time. Here's how it works:
Recently, someone posted on LinkedIn that skip links are often broken because their target elements are missing a `tabindex` attribute. I was really surprised to see that because I thought that was an issue of the past. That's why I decided to test it.
matuzo.at/blog/2026/sk...
Love it ❤️.
Great use of scroll-state navigation + progress bar.
🚀 I always talk a big game… “you can do this as a progressive enhancement.” Time to put my money where my mouth is! 💸
In recent months, I’ve updated my site with a range of new features. It is rock-solid across all modern browsers and is finally live! With a story 📖:
🎉 New Article 🎉
7 years ago I started playing a simple 'playground' for backdrop-filter when Firefox made it available behind a flag, with an intention to write about it too.
Finally
Beyond The Blur: A Quick Guide to the CSS Backdrop-Filter Property
www.alwaystwisted.com/articles/bey...
#CSS
Display: green; applying the web sustainability guidelines by @hidde.blog #css
✍️ I usually write about HTML, CSS and JS. Doing a bit about git feels alien to me. Primarily I put it out there to attract crowd wisdom.
cssence.com/2026/rebase-...
#git
The Component Gallery | An up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces. | component.gallery
The ’possum is running wild: Eleventy is becoming Build Awesome.
Same open source core, a much bigger future. Watch our video and support us on Kickstarter: www.kickstarter.com/projects/fon...
Today is the alpha release of npmx — an alternative browser for the npm registry. Abbey Perini joined early and soon discovered accessibility was a deep part of the culture, right from the start, which was both refreshing and incredibly productive.
piccalil.li/blog/finding...
Baseline Newly Available
- #css shape()
- Trusted types
web-platform-dx.github.io/web-features...
web-platform-dx.github.io/web-features...
document.ariaNotify( `Item ${item.name} added to cart!`, { priority: "high", }, );
Firefox will start supporting `ariaNotify` in release 150. 🎉
`ariaNotify` allows you to provide text that should be announced by a screen reader if available and activated. No more fiddling with live regions. No more fiddling with live regions! 💪
Ticket: bugzilla.mozilla.org/show_bug.cgi...
Is there currently a polyfill for #css :heading() pseudo-class?
On my way back home from #SotB2026 I hacked my way into animating between `position-area` values with View Transitions.
Demo + details can be found on my blog: www.bram.us/2026/03/02/a...
It’s not 100% perfect though, as Firefox doesn’t do anything and Chrome has a 1-frame glitch.
I should do some small screen enhancements next. But I was able to update my multi-thumb range sliders with code samples showing how I vision HTML, styling and custom JS for native workings.
Should probably write an update on it soon. brechtdr.github.io/enhanced-ran...
A clean looking graphic with sharp lines and crisp colour
The same graphic, but muddy and blocky. The previously sharp lines are blurry.
I think it's often overlooked that AVIF is also really good at flat colour & sharp edges.
Don't go straight for a lossless format just because it's the kind of image that would look bad as a JPEG.
Here's an 11kb image as an AVIF, vs JPEG XL.
Modern CSS is in its new era ✨
📆 Starting Thursday, I’m teaching a live workshop on building accessible, reusable interactive components using modern #CSS that is stack-agnostic.
Register if you’re ready to level up your component patterns + #accessibility 💜
👉 Discount link:
ti.to/smashingmaga...
CSS shape() landed in Firefox 148. It's similar to path(), but allows the full expressiveness of CSS…
