RE: https://mastodon.social/@firefoxwebdevs/115899080948904965
I’ve said it before and I’ll say it again: this API is so good! 🤤
B
Bramus
@bramus
Chrome Developer Relations at Google (CSS + Web UI). CSSWG Member. PADI Divemaster. Blogs at bram.us. I’m primarily active on 🦋 nowadays.
📣 PSA: In Chrome 145 or newer, using `100vw` no longer causes horizontal overflow when the vertical scrollbar is guaranteed to be visible or if space for it is reserved.
See https://www.bram.us/2026/01/15/100vw-horizontal-overflow-no-more/ for details.
RE: https://mastodon.world/@heypresents/115894519172920695
Come see me speak at All Day Hey! 2026 on May 7 later this year, where I will be bending the View Transition API in all sorts of unconventional ways.
📢 New blog post: A polyfill for the HTML switch element:
https://blog.tomayac.com/2026/01/12/a-polyfill-for-the-html-switch-element/.
Safari 17.4 shipped a new HTML switch element that upgrades a checkbox to a switch by adding a `switch` attribute: `<input type="checkbox" switch>`.
This blog post introduces a polyfill for the element, covering accessibility, internationalization and styling, and looking at the element's status in the HTML spec.
That nice @utilitybend of the Open UI group (that gave HTML new fancy <select>, not the AI snakeoil merchants) wants your use-cases for multi-handle range controls. https://github.com/openui/open-ui/issues/1337
Scroll-Triggered Animations … with nothing but CSS … oh yeah 🤩
https://codepen.io/bramus/pen/ZYWPRbr
(Coming to Chrome 145. Blogpost in the works.)
Current Status: having way too much fun with Scroll-Triggered Animations in Chrome 145 🤩
The thing you have to wrap your head around is that there are 2 ranges at play: an activation and an active range. Once activated the trigger won’t deactivate until the subject has left the active range.
🎉 CSS Wrapped 2025 is here!
Once again, it has been an AMAZING year for CSS and UI.
Go check out https://chrome.dev/css-wrapped-2025/ to see all CSS/UI features Chrome shipped this year.
Each feature comes with a small explanation and demo for you to play with.