Accessibility is hard; case in point: the switch part is clickable, but clicking the label doesn't toggle the switch.

As an outsider it feels a bit weird blocking on something that hasn't had updates since June 2024. I can't imagine nothing has happened since :)

Here's 🤞 that we get native decorators soon in other places :)

There's a chain of projects about getting support for native decorators in Vite that goes like this: vite -> github.com/rolldown/rol... -> github.com/oxc-project/... -> github.com/tc39/test262...

The tc39 issue hasn't had any updates since June 2024. Can you (or somebody else) help nudge oxc?

We are THRILLED to announce that our Ecma standards will now use UUIDs instead of integers.

ECMA-262 is now ECMA-39c506d7-731f-4220-8ffd-a68970945a65.

Far more scalable. No two specs will ever collide again. Perfect system.

Shortened forms like ECMA-39c506d7 are acceptable in casual conversation.

@jakearchibald.com I just ran into FF not supporting `text-box-trim`. Surprised it isn't part of Interop 2026 as well (rejected). Technically difficult to implement in FF? caniuse.com/mdn-css_prop...

A tablet displaying the landing page for 'The Layout Maestro,' a practical CSS course by Ahmad Shadeed. The desk setup includes a cup of coffee, colorful pencils, and LEGO pieces, creating a bright and creative atmosphere.

After a year of building, The Layout Maestro is officially live! 🎹🥳

An interactive CSS course that teaches you how to think in CSS layouts. 70+ lessons, 7 layouts, 150+ interactive demos!

Ready to level up your layout skills? Enroll now👇:
thelayoutmaestro.com

🛠️ The "platform-as-a-framework" era continues in Chrome 146 → goo.gle/4sHVbwb

We’re nerding out over Scoped Custom Element Registries—finally allowing multiple versions of the same tag name on one page. Perfect for micro-frontends and avoiding library conflicts.

I've added 2 cases i can think of (they're probably many more).

issues.chromium.org/issues/49363...

Can we have devtools help with figuring out why `position: sticky` isn't working? I've had that issue so many times... cc @bram.us @jakearchibald.com

JS based probably.

Awesome, but isn't that a potential cross browser problem if you can't detect whether this "feature" is supported?

I’m so tired of having the “Figma isn’t real” conversation.

It’s literally derived from the word for figment, as in figment of the imagination.

It is a suggestion, at best.

It looks like this will "just work"? As in no changing CSS required?

👀 Did anyone say vertical sticky table headers in horizontally scrollable data grids?

No more duplicated headers, DOM restructuring, or JavaScript scroll synchronization!

A problem is that tooling lags behind here. Modern vite doesn’t handle this out of the box. Not having interop doesn’t help as well.

We’ve been doing the build tool stuff for ages. That very easily leads to non-standard JavaScript.
It’s just frustrating that there is no signal whatsoever (except being rejected for Interop) about WebKit and this feature.

CSS Scroll Snap Events · Issue #1107 · web-platform-tests/interop Description The CSS Scroll Snap events, “scrollsnapchange” and “scrollsnapchanging”, give developers precise control over advanced interfaces through quick and easy access to information about scro...

I'm confused, in the above post it says "CSS scroll snap & scroll events", but scrollsnap events aren't part of interop?! github.com/web-platform...

Either referenceTarget or scroll-state container queries. Both are pretty hard to work around.

A technical diagram comparing three ways to style element corners using CSS variables `--r: 12px` and `--gap: 4px`. 1. "Border Radius": Standard support across all major browsers using `border-radius: var(--r)`. 2. "Corner Shape": Uses `corner-start-end-shape: scoop` and `border-start-end-radius` calculation, shown with Chrome and Edge icons. 3. "Border Shape": Uses a complex custom `border-shape` definition (likely CSS Houdini/Paint API) with extensive geometry calculations for shoulders and arcs, indicated with a Chrome Canary icon.

Modern CSS capabilities.

Since it uses `shape()`, i assume you could make the arrow less pointy now? And have it curve instead of being a triangle? Like macOS?

Finally solving the tooltip arrow usecase with a new CSS property called border-shape

⚠️ WIP early-stage API, timeline TBD, more info coming soon

But it brings a lil tear to my eye to see this working, border & all 🥲

This demo uses anchored container queries + border-shape + a little animation

@jensimmons.bsky.social under "things that improve developers lives": can we have corner-shape in more browsers please? bsky.app/profile/haz....

The new corner-shape CSS property unlocks exciting new UI patterns.

corner-shape: bevel round;
border-radius: 1em 0 / 3em 0;

Are there any accessibility concerns?

Custom Media Feature Flags · December 6, 2025 Use true or false queries

#CSS `@custom-media` feature flags

create your own true or false media queries
nerdy.dev/custom-media...

Polyfill to the rescue: www.npmjs.com/package/@af-...

I feel like a whiny child when i say this, but why can't we have nice things in a timely fashion? #disappointed

Ik ken je situatie natuurlijk niet, maar verhuizen naar NL misschien overwegen waard?

[scroll-animations?] Proposal: Add overscroll gestures with ability to reveal elements · Issue #12750 · w3c/csswg-drafts This is an early proposal to get the conversations started. Explainer https://github.com/vmpstr/htmldemos/blob/master/gestures/README.md Summary of the proposal We're proposing to add primitives to...

This looks interesting : github.com/w3c/csswg-dr...