Niceeeeee

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...

`sibling-index()` and `sibling-count()` are currently being prototyped in Firefox¹, hopefully available soon for testing :) #cssday ¹ groups.google.com/a/mozilla.or...

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

A #sketchnotes for the talk "Modern UI Patterns" by @una.im at the @cssday.nl #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...

Guess who’s closing out #cssday?! This duo 😎😎 @nerdy.dev

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 🎉

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!

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

Truly blessed that I can always ping @bram.us when I can’t figure out why a view transition isn’t working 😆 Such a great talk! Love the explode view slides (not pictured) #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

These sketch notes are great!

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

CSS DevRel, The Reunion. #CSSDay #ChromeDevRel Caption: @nerdy.dev, @una.im, and I.

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...

✅ 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...

Wow 🤯

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 💕

What's new in Web UI: 2026 Edition ✨ @bram.us and I go over 35+ new CSS, HTML, and JS features to help you build beautiful web experiences Video just went live: www.youtube.com/watch?v=uT7M...

I have been eagerly anticipating this! Style queries just landed in Firefox 🎉🎉

Watch @bram.us and I do a round up of What’s New in Web UI! ✨ LIVE ✨ in 30 mins See us at the #googleio Chrome tent Stream it: io.google/2026/explore...

So here's an interesting little thing or 2 @nomster.bsky.social , @foolip.org , and myself have been cooking up—along with lots of help from others!: developer.chrome.com/blog/declara... This could lead to some VERY interesting changes in how we write web pages. Would love to hear your thoughts!

Show day!! #googleio

Ooh fun transition

Gap decorations are now in Chromium 149 (stable rollout in 5 days)! Shoutout to the folks at Microsoft Edge for the implementation, post, and demos: developer.chrome.com/blog/gap-dec...

This week marks the final sprint towards Google I/O next week … I’m very much looking forward to my talk “What’s new in Web UI” together with @una.im. io.google/2026/explore... Lots of tweaking and rehearsing, but we’re getting there :) (Yes, the talk is getting recorded) #GoogleIO #ChromeDevRel

OoooOOooh! Guess what! As of Chrome 149, shape() works in shape-outside! So you can really *shape* your UI's 😉* rect() and xywh() are also supported for shape-outside in Chrome 149 codepen.io/una/full/ogz... *(just let me have my Mom joke)

✨ I just published a brand-new blog post! It digs into one of my favourite modern CSS features, the Animation Timeline API. We explore how to create rich scroll-driven animations without JS. I share the little gotchas to watch out for + some of the more advanced things you can do with this API. 😄

Blink: Intent to Ship: CSS Gap Decorations

7 years at Google today!? Wow time flies. So much has changed but I'm still grateful to be doing meaningful work on a product that impacts billions of users with an awesome team 💙 This much hasn't changed 😊

If you’ve ever tried to build a data table with a sticky header and a sticky first column, you know the pain: the reality was that only one of both would stick. A recent change to CSS fixes this: `position: sticky` now plays nice with _single-axis scrollers_.

Real DOM content in a canvas: fully searchable, translatable, inspectable. You can have forms, add WebGL effects & much more. Imagine if this was a customizable select 🤯 A little WIP exploration (not finished) for a very exciting API. github.com/WICG/html-in...

Wowowow epic talk by @kubekhrm.bsky.social about building liquid glass with SVG and CSS #ReactParis Check out his post about it! kube.io/blog/liquid-... And a library coming soon 🎉

Super excited to kick off #ReactParis tomorrow! We're going to have some fun @bejs.bsky.social! react.paris#schedule

Curious about custom <select>? I wrote about some of my recent demos over at @css-tricks.com! Take a look ✨ css-tricks.com/abusing-cust...

While contrast-color() only returns black or white, there are workarounds! Register a custom property & you can use style queries for full color palette customization (test the contrast yourself!) You can also use the contrast value inside color-mix() to make a color tint. una.im/advanced-con...

Tomorrow I'll show you some contrast-color() hacks for better control over your color palette selection

contrast-color() is landing in Chrome 147, making it Baseline Newly Available in all modern browsers It takes any color value and returns either black or white: whichever provides the highest contrast against the input Works great with generated colors, state changes, etc. una.im/contrast-color

It seems we can now customize the select element, right? right?! Demo: codepen.io/t_afif/pen/P... via @codepen.io

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

Chrome is moving to a 2-week release schedule! (previously 4 weeks) developer.chrome.com/blog/chrome-...

Officially shipping in Chrome 147 🎉