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.
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
Did I mention that `flex-wrap: balance` landed in Chrome stable last month!? 👀👀👀
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!)
Gecko: Intent to Ship: Advanced CSS attr() function.
Gecko: Intent to Ship: Advanced CSS attr() function.
Gecko: Intent to Ship: Advanced CSS attr() function.
groups.google.com
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)
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
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...
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
`sibling-index()` and `sibling-count()` are currently being prototyped in Firefox¹, hopefully available soon for testing :) #cssday ¹ groups.google.com/a/mozilla.or...
Intent to Prototype: sibling-index() and sibling-count()
groups.google.com
What CSS doesn’t know and @nerdy.dev’s new JavaScript library Prop for That: prop-for-that.netlify.app #cssday
“None is a state you can design for. 1 or 3, etc. and the component can own it” — @nerdy.dev #cssday
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...
Sorting a product list by rating with reading-flow and semantic attr()! Cool! @kevinpowell.co @cssday.nl #cssday
Filterable select is coming, and it’s going to be a game changer 🎉
On the side at #CSSday I've been tinkering with the filterable select. It's still in very early stages in Chrome Canary, but I can't help being a little bit excited. @jakearchibald.com gave a talk yesterday on how the customizable select came to life. It's amazing how many doors are being opened.
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!
This is now fixed, thank you @osamdavis.bsky.social! crrev.com/c/7902436
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
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)
Wowow @rebane2001.bsky.social is blowing everyone’s minds at #cssday 🤯 Obsessed with her and this talk! Next time someone tells me CSS isn’t a programming language I’m going to send them the video from this talk 😆 Check out lyra.horse for more goodies
We’re ready for #CSSDay! Come hang with the Chrome crew upstairs! We’ve got keychains, stickers, and some good sessions planned downstairs too 🎉
Had a blast #FutureFrontend! And tomorrow I’m headed to Amsterdam for #CSSDay 🎉🎉 Will I see you there? 👀
Customizable select is coming to Safari 27! 🥳 Want to try it out? Check out my demo collection: codepen.io/collection/B...
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
The State of CSS survey is out! It's shorter this year! Please go take it! survey.devographics.com/en-US/survey...
State of CSS 2026
Take the State of CSS survey
survey.devographics.com
Wow 🤯
What about a straight line that bends when the circles get closer and stretches when they get farther. It's surely not possible using pure CSS, right? Right!? 👀 css-tip.com/bending-line/ Probably my new favorite demo, powered by the modern features. CSS is awesome! 😍
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 💕