Profile avatar
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
226 posts 16,655 followers 252 following
Regular Contributor
Active Commenter

My #GoogleIO talk "What's new in web UI" is live! Learn about new native HTML & CSS APIs that make it possible to build 3 common (but complex) UI patterns: 1. Customizable select menus 2. Carousels 3. Hover cards No JS = less jank, better perf, and much better DX www.youtube.com/watch?v=VTCI...

Great video on web animations from Bramus! #GoogleIO

Awesome to see declarative interactivity getting so much time at #GoogleIO25 ! Thanks @una.im !

I’m up for “What’s New in web UI” in 10 minutes! Find me at the web tent or catch the livestream! io.google/2025/explore...

Spotted at #GoogleIO @henrihelvetica.bsky.social

Features I mentioned last year in my “What’s New in Web UI” talk that have now reached Baseline!! @rachelandrew.bsky.social at #GoogleIO The pace of innovation for web platform features is escalating 🚀 And we’re making it happen 🙏

Front row seats for @una.im's awesome Developer Keynote at #IO2025 ! Carousels, declarative layered UI and more!

Let’s gooo #GoogleIO

On my way to #GoogleIO 👀✈️ Coming up: @cssday.bsky.social, Amsterdam (June 5-6) @renderatl.com, Atlanta (June 11-13)

Introducing 🤯 flex-wrap: balance 🤯 Would you use this? ⚠️ Not a real feature yet, just something one of our engineers has been working on. (You can try it out in the latest Chrome Canary with the experimental web platform features flag though!)

And here's that Codepen refactored as promised using sibling-index()

*Very* cool use of typed attr() for grid placement! 😀 dev.to/madsstoumann...

For years, one of the most befuddling things for me in CSS was how “height: 100%” would sometimes just not work. Every time I tried to use it was a roll of the dice. 😅 Like everything else in CSS, though, it all makes perfect sense when we understand the underlying mechanism. ✨ Let’s explore. 🧵

⚙️ New CSS Generator! Save this link for the future. A tool to easily convert any SVG shape into a CSS one in no time. Powered by the new shape() function! 🤩 css-generators.com/svg-to-css/ ✅ Single-element ✅ Responsive ✅ No more ViewBox headaches

Intent to ship for sibling-index() & sibling-count()! You won't need to itemize nth-child to style things like staggered animations anymore 🥳 For example, I'd be able to clean up the angle position and animation delays in this demo: codepen.io/una/pen/Qwwz... Explainer: github.com/w3c/csswg-dr...

If you ever wanted to use `sizes=auto` and were bummed out about Safari/Firefox support, Shopify now got a polyfill for ya! github.com/Shopify/auto...

Some history of how the shape() function started: techblog.wikimedia.org/2020/11/23/w... Tl;dr: I was annoyed that the wikipedia popup balloons were JS-sized SVGs.

The future of web development is swinging back to basics. CSS and HTML are the most exciting things in web development right now. And don't worry about getting left behind because these features are here to stay. We're just getting started 🥳 #usetheplatform

You know how they say to get your cat their own keyboard so they stop walking on your keyboard?