Una Kravets's Avatar

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

18,437
Followers
276
Following
666
Posts
23.04.2023
Joined
Posts Following

Latest posts by Una Kravets @una.im

They're also working on a menu element!

05.03.2026 19:53 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Request for developer feedback: focusgroup Β |Β  Blog Β |Β  Chrome for Developers Try out focusgroup and comment on the proposal.

Open UI has been working on speccing out the focusgroup attribute: a declarative way to support roving focus & add keyboard nav to composite widgets like toolbars/menus

We'd love your feedback!

Learn more & see open questions: developer.chrome.com/blog/focusgr...

H/t to Edge folks for prototyping

05.03.2026 16:54 πŸ‘ 73 πŸ” 22 πŸ’¬ 8 πŸ“Œ 3

I think it’s also great to just be able to iterate faster. We often will release small incremental changes and features that may rely on one another.

03.03.2026 19:01 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I’m sure there was! I don’t personally know what the official reasoning to formally institute this change was, but as someone who’s often waiting for features to go from beta to stable because of the release cue, I welcome it :)

03.03.2026 19:00 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

That wasn't the case when you had something like a CSS rename or behavior change since it wasn't a security issue. If you miss a branch cut for a new feature by one day you don't have to wait an entire month now to land it.

03.03.2026 18:41 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

I don’t think this will make a huge difference for feature timelines, but it will improve bug fix landings and just make the browser more nimble

03.03.2026 18:33 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Get features faster with Chrome's two-week release cycle Β |Β  Blog Β |Β  Chrome for Developers From September 2026 Chrome releases will be every two weeks.

Chrome is moving to a 2-week release schedule!

(previously 4 weeks)

developer.chrome.com/blog/chrome-...

03.03.2026 18:30 πŸ‘ 35 πŸ” 3 πŸ’¬ 4 πŸ“Œ 2

πŸ€·β€β™€οΈ it was resolved in the WG to do this behavior

I don't know if I love it either because there are other (different) side effects, but in this case think about the real-world scenario and I would probably say it's the more expected option.

27.02.2026 16:13 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Chrome Platform Status

This looks like it is working as intended. There was a change to the implementation in 135 to respect the most recent position based on scroll. In your demo, the most recent accurate position is preserved.

chromestatus.com/feature/4710...

27.02.2026 16:08 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

It depends (is always the answer)

Inline I don’t find it improves the UI but sometimes if I have a list of mixed resources I might indicate with an arrow icon.

26.02.2026 19:12 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Officially shipping in Chrome 147 πŸŽ‰

23.02.2026 20:40 πŸ‘ 97 πŸ” 8 πŸ’¬ 2 πŸ“Œ 0

Oh man that would have been a better title: reshaping css with border-shape

20.02.2026 14:50 πŸ‘ 4 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
una.im | border-shape: the future of the non-rectangular web Learn about new geometry capabilities with this game-changing experimental CSS feature.

I've been experimenting with an upcoming CSS feature called border-shape lately.

It's really cool what you can do with it: lots of practical applications + it opens a lot of doors for non-rectangular UIs!

Try it in Canary w/experimental web platform features on, & read more:

una.im/border-shape

19.02.2026 22:06 πŸ‘ 122 πŸ” 33 πŸ’¬ 10 πŸ“Œ 5

Yea I agree with you that it feels weird and should paint to the border-box, which I expect to be the new border-shape edge. The insets aren’t a problem but it’s the extrusions. I gave this feedback

20.02.2026 00:15 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

(Linked in the post, sorry)

19.02.2026 23:58 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

See the linked issue ^

19.02.2026 23:57 πŸ‘ 1 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0

Disco wouldn’t tolerate sunglasses and a Hawaiian shirt πŸ˜†

19.02.2026 23:41 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Omg yes the flower

19.02.2026 23:30 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I don’t know how you would polyfill this outside of using clip path as a fallback and progressively enhancing the borders/outlines/shadows etc. you could also use corner-shape for some of the simpler ones.

19.02.2026 22:36 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
una.im | border-shape: the future of the non-rectangular web Learn about new geometry capabilities with this game-changing experimental CSS feature.

I've been experimenting with an upcoming CSS feature called border-shape lately.

It's really cool what you can do with it: lots of practical applications + it opens a lot of doors for non-rectangular UIs!

Try it in Canary w/experimental web platform features on, & read more:

una.im/border-shape

19.02.2026 22:06 πŸ‘ 122 πŸ” 33 πŸ’¬ 10 πŸ“Œ 5

This is shipped in Chrome, no current blockers for it to land crossbrowser either

19.02.2026 13:21 πŸ‘ 4 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
CSS Day 2026, 11th & 12th of June, Amsterdam CSS Day is the conference for CSS designers, developers, spec writers, and browser vendors.

Today we announce the following speakers:

- @patrickbrosset.com (Microsoft)
- @una.im (Google)
- and @nerdy.dev (CSS)

See our full line-up at cssday.nl

17.02.2026 14:38 πŸ‘ 21 πŸ” 4 πŸ’¬ 1 πŸ“Œ 2
Video thumbnail

Element-Scoped View Transitions are gonna be **SO GOOD**

There’s still some details to settle, but the main thing is there: run VTs on a subtree of the DOM, allowing parallel VTs.

And with `view-transition-scope` you can limit the scope of `view-transition-name` values, allowing VTs to be nested.

18.02.2026 11:14 πŸ‘ 224 πŸ” 37 πŸ’¬ 5 πŸ“Œ 2

For background-opacity, why not just set the background to an alpha color value to make it semi-transparent? Or use relative color syntax to do that?

13.02.2026 12:49 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Yes I was also sad to see it not make the list but hopefully next year

12.02.2026 18:09 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Interop 2026: Continuing to improve the web for developers Β |Β  Blog Β |Β  web.dev Learn about the features included in Interop 2026.

Learn more: web.dev/blog/interop...

12.02.2026 17:26 πŸ‘ 1 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

Oops missed a couple of things like contrast-color() and shape() <-- which is a great precursor to things I'm looking at right now like border-shape

12.02.2026 17:22 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
web-platform-tests dashboard

#Interop2026 is here!

Lots of new CSS coming your way:

- style queries
- anchor positioning improvements (already crossbrowser)
- advanced attr()
- popover & dialog improvements like lightdismiss
- scroll-driven animations
- better scroll-snap capabilities

wpt.fyi/interop-2026

12.02.2026 17:21 πŸ‘ 75 πŸ” 14 πŸ’¬ 5 πŸ“Œ 4

Yes, it was just resolved last week in the CSSWG to be added to the spec. That means we can ship it! I think there's some more work to be done but I don't have a timeline

06.02.2026 17:24 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Yesss the gap is nice too!

05.02.2026 23:24 πŸ‘ 5 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0