For those following along, Chrome is moving forward with shipping interest invokers, backed by a "Supportive" W3C TAG review. After 3+ years of prototype iteration, accessibility review, developer feedback, and standards discussions, it's clear that developers want this feature.

This is what’s wrong with the mobile web. - massive “download our app” callout - header taking up a good amount of real estate - ANOTHER DOWNLOAD OUR APP BANNER - fixed ad on the bottom - huge ads in between copy 😠

Upvote this feature for Interop 2026: github.com/web-platform...

How useful is it for you to be able to style select elements? Is this something you've had to do before? Would you adopt the native browser API if it shipped cross-browser?

I know this is gonna be good!

I wrote an article to celebrate scroll-driven animations finally landing in Safari 26, here are some things you probably want to know before using them: cydstumpel.nl/start-using-...

@shirakaba.bsky.social moving you to Bluseky bc that’s where I know WebKit folks are — is it possible to get some eyes on these vertical-rl bugs? x.com/birch_js/sta... @nicolesullivan.bsky.social @jensimmons.bsky.social @saron.bsky.social

Viewport behavior in Safari 26 is utterly broken. 🙄😭 Time to get Viewports into #Interop2026 because viewports on iOS have gotten only worse since I did the initial research in, *checks notes*, 2022 — github.com/web-platform...

Safari 26 is about to ship a bunch of CSS features I've been eagerly waiting for! 🥳 - Anchor positioning - Scroll-driven animations - text-wrap: pretty Also cool to see contrast-color() land! webkit.org/blog/17333/w...

To do this with the (upcoming) interest invoker API, it's 1 line of code: .parent:has(:interest-source) button { interest-show-delay: 0s; } You have your default delay. Then, you update the interest delay when an element inside of the parent has interest (i.e. hover). codepen.io/una/pen/LEpw...

What are some of your favorite examples of motion design as a core part of UX?

I was going to record a short video along with this post but Im recovering from Covid and my voice sounds like it so I’ll spare yall until I sound better 😆

I joined @wordman.dev on @weeklybrew.dev to talk about interaction patterns, CSS & UI capabilities, and AI ✨ youtu.be/ZuorSGOwpKk?...

🚀The new CSS sibling-index() and sibling-count() functions let us create staggered animations, dynamic color palettes, and even complex circular layouts with ease. I wrote about my first experiments with these fantastic new CSS additions. So much fun! ♥️ ✨ #CSS utilitybend.com/blog/styling...

I've been using a "follow-the-leader" pattern with CSS anchor positioning lately so I decided to write about it! You set up a "follower" element and dynamically update the anchor on an event/state. Surprisingly simple and effective. Read more with demos!: 👀➡️ una.im/follow-the-a...

Oh no... I'm getting that itch to redesign my website again.

Between the time we launched the original Learn CSS course on web.dev and today, container queries landed in browsers and became Baseline Widely available! It was high time for an update, and we were lucky enough to have the team at OddBird work with us. Enjoy 9 new modules! web.dev/blog/learn-c...

Here's your chance to have your voice heard! What do you want to see land cross-browser in 2026?

afk

Hi all 👋 We're gearing up for 2026 planning soon (UI capabilities and Interop) Do you work on a UI library or framework? I want to hear from you and your experiences/needs. Message me!

"corner-shape superellipse() generator" by Chris Bolson codepen.io/cbolson/pen/...

I *love* this @rknight.me! mildliners.rknight.me *stares at my Gentle & Neutral Mildliner markers in their permanent spot right in front of my monitor* 😆

What would your job be if you weren’t in tech (but you also lived in 1892)?

And a good to have @jakearchibald.com back in standards land 🙂

Wow, I love @joshwcomeau.com's content so much. And this may be my favorite yet 😍 www.joshwcomeau.com/svg/interact...

Container queries shipped in all browsers in February 2023. This means they are now considered Baseline *Widely* Available. So, have you used them?

Very exciting news. With these changes, you can more easily build accordions such as seen in this recording. developer.chrome.com/blog/styling... Currently supported in Chrome and Safari, and soon Firefox!

While much of our team rounds out the Google I/O season at #GoogleIOConnect China today, I wrote a roundup of our Web UI announcements this year: developer.chrome.com/blog/new-in-...

Follow me on Youtube where I'm trying to post more consistently 🙂 www.youtube.com/@UnaKravets Thank you ❤️

Looks like Apple is getting ready to ship anchor positioning soon 👀👀👀 webkit.org/blog/17240/a... by @saron.bsky.social

Video walkthrough of CSS functions! www.youtube.com/watch?v=K5k_... (It's pretty short, I promise)

🥳 CSS functions have arrived*!!! 🥳 And they are *AWESOME* Now, you can do: @​function --alpha(--color, --opacity) { result: rgb(from var(--color) r g b / var(--opacity)); } div { background: --alpha(red, 80%); } Lean more: una.im/5-css-functi... (*arrived = in the latest stable Chrome)

I'm expecting fewer responses to this than my other question bc it's easier to notice the bad stuff than the good stuff (which should theoretically just be seamless) - but think about it!

What are your favorite UX things (from small micro-interactions to UX that affects the overall experience) for web sites / apps?

What are your top UX frustrations when you're on a web site or web app?

Sorry y'all I tried to edit this using pdsls.dev to update the broken link and it broke the post, so if you wanted to comment/share it you might have to do it again 😆

Create a larger, invisible hit area around the element, making it easier to click without layout shift! How? Use a pseudo element with `position: absolute` + `inset: -{value}px` Demo to play with: codepen.io/una/pen/gbaWdmy (Tip from dmytro on X, who I can't find on Bsky: x.com/pqoqubbw/sta...)

New type of annoying pattern is someone asking me for feedback on an AI-generated 1-pager they clearly haven't even looked at.. then I take the time to provide feedback, noting it doesn't quite hit the mark & they send me back 4 more pages of nonsensical copy-pasted AI-generated slop to review... 🤬

Create a larger, invisible hit area around the element, making it easier to click without layout shift! How? Use a pseudo element with `position: absolute` + `inset: -{value}px` Demo to play with: codepen.io/una/pen/gbaWdmy (Tip from dmytro on X, who I can't find on Bsky: x.com/pqoqubbw/sta...)

📝 New CSS Article! Do you want to have an overview of what modern CSS can do? Check my latest article @frontendmasters.com frontendmasters.com/blog/infinit... Learn how I made that infinite marquee animation with less than 10 lines of CSS using shape(), sibling-index(), and more!

This is in Chrome stable now 🎉

New ~3min *first look* CSS video to accompany my most recent blog post 👀 Walking you through the new scroll-target-group property and showing how you can build a scroll-spy effect with just 2 lines of CSS! www.youtube.com/watch?v=nEJ9...

New ~3min *first look* CSS video to accompany my most recent blog post 👀 Walking you through the new scroll-target-group property and showing how you can build a scroll-spy effect with just 2 lines of CSS! www.youtube.com/watch?v=nEJ9...

scroll-target-group is coming to Chrome 140 (stable next month)! Building on CSS carousel APIs, scroll-target-group lets you "enhance" elements into scroll markers, enabling you to build this scroll-spy effect in 2 lines of CSS! Makes for a great progressive enhancement! una.im/scroll-targe...

Do you have a web site/app that uses Canvas? What is it? How are you using it? Share with the class 👀

State of HTML is live now! Please take it if you care about the web platform! 🙂 These surveys are super helpful for our team to understand the state of the ecosystem and prioritize missing features/platform needs! survey.devographics.com/en-US/survey...

I love CSS folks. They are soldiers of joy and delight. The world is burning and AI debates have people at each others throats and CSS peeps keep being like “check out this dancing turtle I made out of divs 🥰”

Oooh @joshwcomeau.com does it again with this amazing SVG article! I love all of the interactive bits! www.joshwcomeau.com/svg/friendly...

Gorgeous customizable select demo from @chriscoyier.net 😍😍😍 frontendmasters.com/blog/custom-...

Wow I’m not surprised at all to see this “talk to a human” becoming a value prop. Ironically, big reason I fly Delta is because, unlike United, they still offer actual in-person support at airports. United removed all of their support desks.