Sign in

Una Kravets

@una.im
19K followers 281 following 768 posts

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

PostsRepliesMedia
Reposted by Una Kravets
MDN Web Docs @developer.mozilla.org · 25/09/2026
🆕 Customize MDN's browser compat tables! Press ⚙️ Settings on any compat table to choose which browsers and engines you see, and hide the ones you don't need. Your picks are saved in your browser. Try it 👇 developer.mozilla.org/en-US/docs/W...
MDN's browser compatibility table for the HTML popover attribute. Its columns cover desktop and mobile browsers, showing which versions support the attribute and its "hint" value. A "Settings" button sits above the table.The Browser compatibility settings dialog on MDN. Browsers appear as chips grouped under Desktop, Mobile, Server and XR, and each one can be added to or removed from the table.
27724
Una Kravets @una.im · 28/08/2026
4D chess
010
Una Kravets @una.im · 28/08/2026
Had one of those intensely vivid pregnancy dreams but it was about responsive UI patterns for supportive context… (weirdo) Might write a blog post. Might have a baby. Which will come first? 🫣
4560
Reposted by Una Kravets
Firefox for Web Developers @webdevs.firefox.com · 25/08/2026
CSS sibling-count() and sibling-index() are newly available across engines! Here's how they work:
314925
Una Kravets @una.im · 25/08/2026
Woahhhhhh! Holy dystopia
040
Una Kravets @una.im · 22/08/2026
Second!
020
Reposted by Una Kravets
Keith Cirkel @keithamus.social · 17/08/2026
Web Frameworks Community Group discussed Declarative Partial Updates developer.chrome.com/blog/declara.... We’re getting feedback from framework authors to take to standards bodies. Have opinions? Want to be heard? Join the discord! discord.gg/fXCngmSwHz
developer.chrome.com
Declarative partial updates  |  Blog  |  Chrome for Developers
Learn about new out-of-order streaming capabilities and the renewed HTML insertion and streaming methods available for testing from Chrome 148
1379
Una Kravets @una.im · 14/08/2026
Yes 😆 I still don’t think I’m mentally prepared to have a newborn and a toddler at the same time
020
Una Kravets @una.im · 14/08/2026
They’ll be two years apart! Time flies
100
Una Kravets @una.im · 14/08/2026
😂😂
110
Una Kravets @una.im · 13/08/2026
Ahhhh yay! Congrats! And you got this 💪🏼💪🏼
010
Una Kravets @una.im · 13/08/2026
Yess this is my second!
100
Una Kravets @una.im · 13/08/2026
Big news! For the past 9 months I’ve been running a fully-autonomous local agent for a pretty complex body building project. And I’m almost ready to deploy (any day now 🙂)! Wish me luck for the launch 🙏
292920
Reposted by Una Kravets
Aurora Scharff @aurorascharff.no · 12/08/2026
I've been using React's <𝚅𝚒𝚎𝚠𝚃𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗> throughout my Next.js SPA series to make the demos smoother and more alive. Here are the patterns I use most: 1. Suspense reveals 2. Morphing content into place 3. Page transitions See each pattern, plus the guide and Skill ↓
2313
Reposted by Una Kravets
Schalk Neethling @schalkneethling.com · 13/07/2026
Finally 😁 Throwing Confetti with CSS Random | Throwing some confetti while exploring the CSS random() function through its specification and its current implementations, finding both the beauty and the pitfalls along the way. | schalkneethling.com/posts/throwi...
schalkneethling.com
Throwing Confetti with CSS Random
Throwing some confetti while exploring the CSS random() function through its specification and its current implementations, finding both the beauty and the pitfalls along the way.
0275
Reposted by Una Kravets
Patrick Brosset @patrickbrosset.com · 12/08/2026
<input type="checkbox" switch> is coming to Chromium-based browsers! My team is currently adding the implementation at chromium-review.googlesource.com/c/chromium/s...
Two switches as seen on iOS. The first one has a default green background. The second one has a custom background set by using CSS.
216121
Reposted by Una Kravets
Bramus @bram.us · 30/07/2026
One of the things that we at Chrome have been thinking about is a way to do declarative route and navigation matching **in CSS**. Together with @nomster.bsky.social and @dbaron.org I’ve been working on it for the past few months, and next week we’ll be presenting our work at the CSSWG F2F meeting.
6599
Una Kravets @una.im · 30/07/2026
You can have the role=presentation elements (children of the li) be divs unless you need another set of list items?
100
Una Kravets @una.im · 29/07/2026
Why not use li?
100
Una Kravets @una.im · 28/07/2026
Psychological thriller: The Housemaid Historical fiction: Lady Tan’s Circle of Women, anything Kristin Hannah except Winter Garden, The Magnificent Lives of Marjorie Post Fantasy: Blood over Brighthaven I also loved Fourth Wing :) the next book in the series is coming out in September
150
Una Kravets @una.im · 28/07/2026
What are the top 3 that you loved so far? I have a lot of recs but depends on what you like!
230
Una Kravets @una.im · 23/07/2026
Shipped in Chrome last month :)
230
Una Kravets @una.im · 23/07/2026
Did I mention that `flex-wrap: balance` landed in Chrome stable last month!? 👀👀👀
511816
Reposted by Una Kravets
IntentToShip @intenttoship.dev · 22/07/2026
Gecko: Intent to Ship: Advanced CSS attr() function.
groups.google.com
Gecko: Intent to Ship: Advanced CSS attr() function.
Gecko: Intent to Ship: Advanced CSS attr() function.
15111
Reposted by Una Kravets
Joey Arhar @josepharhar.bsky.social · 14/07/2026
Hi! I'm working on a new HTML feature: filterable select There are two proposed API shapes so far: 1. Nesting <input> in <select> 2. Sibling <input> for listbox <select> w/id ref Option 1 is more ergonomic, but would break selects in older browsers Thoughts? (Both currently in Canary w/flag)
2211623
Una Kravets @una.im · 24/06/2026
Niceeeeee
0160
Una Kravets @una.im · 23/06/2026
Oop that should be —bg now (original was color but I updated it elsewhere)
020
Una Kravets @una.im · 23/06/2026
I literally had this blog post in my drafts since March 😆 But then I was waiting for browser support and then event season happened. HERE IT IS THOUGH. As promised at #CSSDay
2303
Una Kravets @una.im · 23/06/2026
With style queries now in all browsers, here's my take on the best way to do dynamic color theming with modern CSS: - Custom properties - light-dark() - contrast-color() - Style queries - Relative color syntax (^Features available in all modern browsers) Read about it ⬇️⬇️ una.im/modern-css-t...
una.im
una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries
Combine three new CSS features to build fully adaptive themed components.
410820
Una Kravets @una.im · 18/06/2026
What! This is wild
080
Reposted by Una Kravets
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 12/06/2026
`sibling-index()` and `sibling-count()` are currently being prototyped in Firefox¹, hopefully available soon for testing :) #cssday ¹ groups.google.com/a/mozilla.or...
groups.google.com
Intent to Prototype: sibling-index() and sibling-count()
1121
Una Kravets @una.im · 12/06/2026
I didn’t show a demo I think I just verbally shouted you out but @meyerweb.com showed your path to shape tool
030
Una Kravets @una.im · 12/06/2026
What! They were using interest invokers? Where?
100
Una Kravets @una.im · 12/06/2026
So coool!
010
Una Kravets @una.im · 12/06/2026
What CSS doesn’t know and @nerdy.dev’s new JavaScript library Prop for That: prop-for-that.netlify.app #cssday
2221
Una Kravets @una.im · 12/06/2026
Adam uses scroll-driven animations to dynamically add view transition names. Smart! #cssday @nerdy.dev
060
Una Kravets @una.im · 12/06/2026
Me!
120
Una Kravets @una.im · 12/06/2026
“None is a state you can design for. 1 or 3, etc. and the component can own it” — @nerdy.dev #cssday
1130
Reposted by Una Kravets
Artem Pendiurin @erblack.me · 12/06/2026
A #sketchnotes for the talk "Modern UI Patterns" by @una.im at the @cssday.nl #cssday
0141
Reposted by Una Kravets
Lea Verou, PhD @lea.verou.me · 12/06/2026
As @una.im just mentioned in her #cssday talk, the CSS WG recently resolved to insert a ⓘ after EVERY SINGLE INTEREST INVOKER on touchscreens. Here’s a mock of what this would look like for bsky. This is the issue to let the CSS WG know what you think: github.com/w3c/csswg-dr...
78016
Una Kravets @una.im · 12/06/2026
Guess who’s closing out #cssday?! This duo 😎😎 @nerdy.dev
Adam and Una on stage at chrome dev summit 2019
6903
Una Kravets @una.im · 12/06/2026
The browsers are paving the cowpaths :)
020
Una Kravets @una.im · 12/06/2026
Sorting a product list by rating with reading-flow and semantic attr()! Cool! @kevinpowell.co @cssday.nl #cssday
Kevin on stage
0342
Una Kravets @una.im · 12/06/2026
Filterable select is coming, and it’s going to be a game changer 🎉
1240
Una Kravets @una.im · 12/06/2026
Yep there’s a prototype for filterable select in Canary right now! Joey (who @jakearchibald.com mentioned in the talk) has been working on it. Come to the Chrome booth tomorrow and I can show you!
140
Reposted by Una Kravets
Patrick Brosset @patrickbrosset.com · 11/06/2026
This has been a common theme today at #cssday and it’s true: complaining about broken stuff in browsers is a great way to get them fixed! Don’t silent. Let us know. Have a new idea: write a blog post!
0359
Una Kravets @una.im · 12/06/2026
Your talk was great!!
110
Una Kravets @una.im · 11/06/2026
You heard it here first — 2026 is the year you can finally style a select!! It will be in all browsers by the end of the year 🎉🎉🎉 @jakearchibald.com #cssday
512112
Una Kravets @una.im · 11/06/2026
Retargettable view transitions! I think a good follow up talk would be “Designing for Rage Click” @bram.us @cssday.nl #cssday
070
Una Kravets @una.im · 11/06/2026
I’ll never master this one 😆
010