Una Kravets
@una.im
Making the web more stylish ✨🎨 DevRel Lead for CSS & Web UI @ Google Chrome. Cohost of the CSS Podcast & host of Designing in the Browser. 🌎 una.im
Ok yeah that’s what i run into so I manually update the bsky uri with another commit once I have a bsky post to link to. But it’s chicken/egg and not ideal 😂
January 17, 2026 at 12:53 AM
Ok yeah that’s what i run into so I manually update the bsky uri with another commit once I have a bsky post to link to. But it’s chicken/egg and not ideal 😂
So wait if it’s discovering at build time, how does that work? You’d have a post ready before/at time of build?
January 17, 2026 at 12:29 AM
So wait if it’s discovering at build time, how does that work? You’d have a post ready before/at time of build?
Oh nice how are you doing the auto discovery? I’ve got mine set up manually with a bsky url
January 16, 2026 at 11:29 PM
Oh nice how are you doing the auto discovery? I’ve got mine set up manually with a bsky url
It’s linked in the next post
January 16, 2026 at 11:11 PM
It’s linked in the next post
First step is to convince them to not make the close buttons so tiny and impossible to hit without clicking on the ad
January 16, 2026 at 6:36 PM
First step is to convince them to not make the close buttons so tiny and impossible to hit without clicking on the ad
Also added an `esc` handler
January 16, 2026 at 6:18 PM
Also added an `esc` handler
Check it out now (may not be perfect I'm not an a11y expert but I think this should be about right RE: the tab navigation and inerting) codepen.io/una/pen/azZJ...
Basic Swipeable Menu with scroll-snap (unstyled)
...
codepen.io
January 16, 2026 at 6:13 PM
Check it out now (may not be perfect I'm not an a11y expert but I think this should be about right RE: the tab navigation and inerting) codepen.io/una/pen/azZJ...
You can also inert the menu and un-inert it when its active. That's probably a better solution
January 16, 2026 at 6:09 PM
You can also inert the menu and un-inert it when its active. That's probably a better solution
That's a good q! I think you'd have to add a little more JS to consider the tabbing bc the user would immediately tab into the navigation (it being the first DOM content available). You'd also need to add ARIA-hidden/live to the nav when its open/closed. I'll work on adding those things to the demo!
January 16, 2026 at 6:07 PM
That's a good q! I think you'd have to add a little more JS to consider the tabbing bc the user would immediately tab into the navigation (it being the first DOM content available). You'd also need to add ARIA-hidden/live to the nav when its open/closed. I'll work on adding those things to the demo!
Here's a basic demo to get the premise: codepen.io/una/pen/azZJ...
And here's one with slightly more styles: codepen.io/una/pen/YPWZ...
And here's one with slightly more styles: codepen.io/una/pen/YPWZ...
Basic Swipeable Menu with scroll-snap (unstyled)
...
codepen.io
January 16, 2026 at 5:56 PM
Here's a basic demo to get the premise: codepen.io/una/pen/azZJ...
And here's one with slightly more styles: codepen.io/una/pen/YPWZ...
And here's one with slightly more styles: codepen.io/una/pen/YPWZ...
You know that annoying experience on mobile websites where you need to find the little close button and can't swipe a menu closed?
The solution is simpler than you think.
With basic CSS scroll APIs, you can get built-in interruptible swipe gestures 🥳
The solution is simpler than you think.
With basic CSS scroll APIs, you can get built-in interruptible swipe gestures 🥳
January 16, 2026 at 5:56 PM
You know that annoying experience on mobile websites where you need to find the little close button and can't swipe a menu closed?
The solution is simpler than you think.
With basic CSS scroll APIs, you can get built-in interruptible swipe gestures 🥳
The solution is simpler than you think.
With basic CSS scroll APIs, you can get built-in interruptible swipe gestures 🥳
Reposted by Una Kravets
Introducing the HTML element developer.chrome.com/blog/geoloca... Wave goodbye to more tedious JS boilerplate code. As far as I'm concerned, UI stuff should all be declarative. Save JS for business logic (or React, if you're showcasing your new loading spinner designs).
Introducing the <geolocation> HTML element | Blog | Chrome for Developers
Discover the new way to request user location data.
developer.chrome.com
January 14, 2026 at 9:58 AM
Introducing the HTML element developer.chrome.com/blog/geoloca... Wave goodbye to more tedious JS boilerplate code. As far as I'm concerned, UI stuff should all be declarative. Save JS for business logic (or React, if you're showcasing your new loading spinner designs).
Reposted by Una Kravets
First thing I did today was update my Firefox and hit reload on a new SECRET project I built over the break.
It uses anchor positioning and a popover for a little context menu, now it works in Firefox, Chrome, Safari 😁
You don’t need JS to build performant, smooth interactions. It’s easier too!
It uses anchor positioning and a popover for a little context menu, now it works in Firefox, Chrome, Safari 😁
You don’t need JS to build performant, smooth interactions. It’s easier too!
Firefox 147 just landed & it's pretty huge in terms of web features:
🎉 CSS anchor positioning
🎉 The navigation API
🎉 View transition types
🎉 Brotli support in Compression/DecompressionStream
🎉 CSS module imports
And more!
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/147
🎉 CSS anchor positioning
🎉 The navigation API
🎉 View transition types
🎉 Brotli support in Compression/DecompressionStream
🎉 CSS module imports
And more!
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/147
Firefox 147 release notes for developers (Beta) - Mozilla | MDN
This article provides information about the changes in Firefox 147 that affect developers.
Firefox 147 is the current Beta version of Firefox and ships on January 13, 2026.
developer.mozilla.org
January 14, 2026 at 12:39 PM
First thing I did today was update my Firefox and hit reload on a new SECRET project I built over the break.
It uses anchor positioning and a popover for a little context menu, now it works in Firefox, Chrome, Safari 😁
You don’t need JS to build performant, smooth interactions. It’s easier too!
It uses anchor positioning and a popover for a little context menu, now it works in Firefox, Chrome, Safari 😁
You don’t need JS to build performant, smooth interactions. It’s easier too!
Reposted by Una Kravets
Adding customized styles to the select element just got way easier → goo.gle/45sPlFC
Join @una.im and @bram.us on The CSS Podcast discuss the new customizable select and how it solves common dropdown frustrations.
Join @una.im and @bram.us on The CSS Podcast discuss the new customizable select and how it solves common dropdown frustrations.
January 12, 2026 at 6:25 PM
Adding customized styles to the select element just got way easier → goo.gle/45sPlFC
Join @una.im and @bram.us on The CSS Podcast discuss the new customizable select and how it solves common dropdown frustrations.
Join @una.im and @bram.us on The CSS Podcast discuss the new customizable select and how it solves common dropdown frustrations.
Reposted by Una Kravets
Firefox 147 just landed & it's pretty huge in terms of web features:
🎉 CSS anchor positioning
🎉 The navigation API
🎉 View transition types
🎉 Brotli support in Compression/DecompressionStream
🎉 CSS module imports
And more!
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/147
🎉 CSS anchor positioning
🎉 The navigation API
🎉 View transition types
🎉 Brotli support in Compression/DecompressionStream
🎉 CSS module imports
And more!
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/147
Firefox 147 release notes for developers (Beta) - Mozilla | MDN
This article provides information about the changes in Firefox 147 that affect developers.
Firefox 147 is the current Beta version of Firefox and ships on January 13, 2026.
developer.mozilla.org
January 13, 2026 at 2:03 PM
Firefox 147 just landed & it's pretty huge in terms of web features:
🎉 CSS anchor positioning
🎉 The navigation API
🎉 View transition types
🎉 Brotli support in Compression/DecompressionStream
🎉 CSS module imports
And more!
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/147
🎉 CSS anchor positioning
🎉 The navigation API
🎉 View transition types
🎉 Brotli support in Compression/DecompressionStream
🎉 CSS module imports
And more!
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/147
Reposted by Una Kravets
📢 New blog post: A polyfill for the HTML switch element.
Safari 17.4 added the native `` element. This post introduces a polyfill for it, covering accessibility, internationalization, styling, and its HTML spec status.
blog.tomayac.com/2026/01/12/a...
Safari 17.4 added the native `` element. This post introduces a polyfill for it, covering accessibility, internationalization, styling, and its HTML spec status.
blog.tomayac.com/2026/01/12/a...
A polyfill for the HTML switch element
The personal blog of Thomas Steiner
blog.tomayac.com
January 12, 2026 at 11:55 AM
📢 New blog post: A polyfill for the HTML switch element.
Safari 17.4 added the native `` element. This post introduces a polyfill for it, covering accessibility, internationalization, styling, and its HTML spec status.
blog.tomayac.com/2026/01/12/a...
Safari 17.4 added the native `` element. This post introduces a polyfill for it, covering accessibility, internationalization, styling, and its HTML spec status.
blog.tomayac.com/2026/01/12/a...
Hmm good question, You can use the scrollable scroll state query there:
@container scroll-state(scrollable: bottom)
@container scroll-state(scrollable: bottom)
January 12, 2026 at 3:44 PM
Hmm good question, You can use the scrollable scroll state query there:
@container scroll-state(scrollable: bottom)
@container scroll-state(scrollable: bottom)
Sure, I think in one of my demos I show the check for before you scroll
@container scroll-state(scrolled: none)
Indicates no scroll has occurred yet
@container scroll-state(scrolled: none)
Indicates no scroll has occurred yet
January 11, 2026 at 10:09 PM
Sure, I think in one of my demos I show the check for before you scroll
@container scroll-state(scrolled: none)
Indicates no scroll has occurred yet
@container scroll-state(scrolled: none)
Indicates no scroll has occurred yet
You could nest these (the stuck inside of the scrolled)
January 10, 2026 at 2:56 PM
You could nest these (the stuck inside of the scrolled)
Reposted by Una Kravets
Learn all about invoker commands on The CSS Podcast → goo.gle/4j07GQ3
@bram.us and @una.im explore how command and commandfor attributes declaratively open dialogs and show popovers, cover standard and custom commands, and dive into "interest invokers."
@bram.us and @una.im explore how command and commandfor attributes declaratively open dialogs and show popovers, cover standard and custom commands, and dive into "interest invokers."
January 7, 2026 at 4:30 PM
Learn all about invoker commands on The CSS Podcast → goo.gle/4j07GQ3
@bram.us and @una.im explore how command and commandfor attributes declaratively open dialogs and show popovers, cover standard and custom commands, and dive into "interest invokers."
@bram.us and @una.im explore how command and commandfor attributes declaratively open dialogs and show popovers, cover standard and custom commands, and dive into "interest invokers."
Definitely add @nerdy.dev @bram.us @kizu.dev @utilitybend.com @joshwcomeau.com @ishadeed.com @css-only.dev @lea.verou.me (there’s so many this is just immediately what’s off the top of my head/feeds I follow)
January 7, 2026 at 7:09 PM
Definitely add @nerdy.dev @bram.us @kizu.dev @utilitybend.com @joshwcomeau.com @ishadeed.com @css-only.dev @lea.verou.me (there’s so many this is just immediately what’s off the top of my head/feeds I follow)
Yes! I can give you some recs. Lots of great web devs I follow. I also started doing email notifications for RSS so I don’t miss things for a select few :)
January 6, 2026 at 8:29 PM
Yes! I can give you some recs. Lots of great web devs I follow. I also started doing email notifications for RSS so I don’t miss things for a select few :)
Is it the colors one?! Great read!
January 6, 2026 at 8:00 PM
Is it the colors one?! Great read!