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

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.

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)

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 | Modern CSS theming with light-dark(), contrast-color(), and style queries

Combine three new CSS features to build fully adaptive themed components.

una.im

Anchor pos & interest invokers are awesome! The "taller" tooltips don't fit in the viewport below the link so the position flips. All w/a few lines of CSS, a couple of HTML attributes, and it's a progressive enhancement so the existing experience doesn't change. (still working on the animations)

We’re ready for #CSSDay! Come hang with the Chrome crew upstairs! We’ve got keychains, stickers, and some good sessions planned downstairs too 🎉

Chrome boothKeychains 
Build with chromeCoffee

CSS position: sticky now sticks to the nearest scroller on a per axis basis! | If you’ve ever tried to build a data table with a sticky header and a sticky first column, you know the pain. You’d think a simple position: sticky with top: 0 and ... | www.bram.us/2026/03/30/c...

CSS position: sticky now sticks to the nearest scroller on a per axis basis!

If you’ve ever tried to build a data table with a sticky header and a sticky first column, you know the pain. You’d think a simple position: sticky with top: 0 and left: 0 would be enough, but the rea...

bram.us

✅ Nice lil btn scale-down 🙈 Layout change bc the scroll bar disappears 🙈 No light dismiss These UX problems can easily be solved with: - closedby="any" - overscroll-behavior: contain

Jamming out to my favorite high school music 🎶 singing all the words out loud 🎶 making some new CSS demos 💻 watching my baby sleep peacefully on the monitor 👶🏻 The dopamine is hitting 💕