Do you remember when the entire internet could fit under 14 categories?

Landing next month in Chrome 144: scroll-state(scrolled) This new scroll query value lets you style your UI based on the most recent scroll direction. This means you can change animation-direction based on last scroll & implement directional UI like "hidey-bars" Learn more: una.im/scroll-state...

What are your biggest complaints about using the web right now?

How to use #CSS to fix the irradiation illusion / How to adjust perceived font weight in dark mode without layout shift nerdy.dev/adjust-perce...

Safari 26.2 (a selection): - command invokers - field-sizing: content - sibling-index() & sibling-count() - anchor improvements like position-try-fallbacks affecting psuedos - oklab default in color-mix() - scrollbar-color webkit.org/blog/17640/w...

Scroll-triggered animations are coming to Chrome early next year (we've been really excited about this one!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range. Learn more ⬇️

Wow! Really fun, creative use of scroll-state queries, style queries, and scroll-driven animations from Lee Meyer css-tricks.com/scrollytelli...

🚀 CSS Wrapped is out! We’re entering a world where CSS can increasingly handle logic, state, and complex interactions once reserved for JavaScript. It’s no longer just about styling documents, but about crafting dynamic, ergonomic, and robust applications. www.smashingmagazine.com/2025/12/stat...

🎉 CSS Wrapped 2025 is here! Once again, it has been an AMAZING year for CSS and UI. Go check out chrome.dev/css-wrapped-... to see all CSS/UI features Chrome shipped this year. Each features comes with a small explanation and demo for you to play with.

If you haven’t been keeping up with web platform features, this is a good resource to get you all caught up for the year!

🎉 And we're live! 🎉 We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀 This is a big one! We highlighted 22 new features to help you build better on the web. Check out: chrome.dev/css-wrapped-2025

Festive little office touches 🥰🎄

My official job title will henceforth be: <style> icon

Test it out and let us know if it solves your needs! Use the experimental-web-platform-features flag in Chrome 142+ Open questions: - Should the last line of a paragraph be scaled? - Is the current line-height behavior as expected? - Should it scale non-text parts such as inline images together?

Oooh that’s why my back hurts

About to have CSS ANCHOR POSITIONING FULLY CROSS-BROWSER!!

🎙️ The CSS Podcast is back with a new episode on anchor positioning → goo.gle/3XwW4dk @una.im and @bram.us discuss how this powerful new API revolutionizes placing UI elements like tooltips and popovers, all without complex JavaScript.

We have Custom Elements, but do we also need Custom Attributes? This was discussed at TPAC. Is it something you'd like on the platform? https://github.com/WICG/webcomponents/issues/1029

Converge 2025 talks are now available on demand! 👇 We may be biased, but these are some of our best yet. Whether you missed the conference or want to relive the highlights, you can now watch every talk. 💫 🎥 Watch now: hubs.li/Q03Wp53h0

You can now easily customize find-in-page with the new ::search-text pseudo-element, that is shipping in Chromium 144.0.7547. 🚀 Find more details on the blog post by Stephen Chenney: blogs.igalia.com/schenney/fin... Thanks to Bloomberg for sponsoring this work.

🚨 PSA: CSS Anchor positioning Translation on anchor elements is now respected by positioned elements in Chrome 144+ I know this was quite frustrating if you ran into it! chromestatus.com/feature/5201...

🚨 PSA: CSS Anchor positioning Translation on anchor elements is now respected by positioned elements in Chrome 144+ I know this was quite frustrating if you ran into it! chromestatus.com/feature/5201...

Your favorite API for smooth page transitions just got even better. In the latest CSS Podcast episode, @una.im and @bram.us deep dive into what's new with View Transitions, covering all the latest additions and changes → goo.gle/481cuAN

Woah. I've been exploring using AI to convert blog posts into a podcast format to listen to them, and this week, one of the AI cohosts is named Una 😵😆 I wasn't expecting that lol

More #CSSPodcast episodes are live! We've made it to episode 99 🤯 pod.link/thecsspodcas...

`corner-shape: squircle;` is a very easy progressive enhancement if you want squircles with rounded corners as a fallback (the default today in unsupported browsers)

*whispers* corner-shape 🤫👂 🟢 round 🪏 scoop 📐 bevel ⛏️ notch ⬛️ square 🐿️ squircle 🦹🏻‍♀️ superellipse *Pass it on* codepen.io/una/pen/PwNo...

This is a big deal!

Good news! Range syntax for style queries and if() functions has shipped in Chrome! Check it out: una.im/range-style-...

Good news! Range syntax for style queries and if() functions has shipped in Chrome! Check it out: una.im/range-style-...

Did you know: you might be able to change the style of the caret in CSS soon? See caret-shape and caret-animation in action (there's still some discussion & this is isn't shipped yet, but you can check it out w/the experimental-web-platform-features flag in Chrome 140+) codepen.io/una/pen/MYKL...

We're keeping the #CSSPodcast episodes rolling! So far: - View transitions news - CSS carousels and scroll APIs - State queries for scrolling and anchoring - if() and custom functions And another new one out tomorrow! thecsspodcast.libsyn.com

People > AI because I can ping an engineer "halp, why?" with a screencast of the bug and a link to the code and they will tell me that either: 1. I'm dumb or 2. It's a Chromium bug, and more often than not it's the latter, and AI can't do that.

We're keeping the #CSSPodcast episodes rolling! So far: - View transitions news - CSS carousels and scroll APIs - State queries for scrolling and anchoring - if() and custom functions And another new one out tomorrow! thecsspodcast.libsyn.com

We often hear that folks want "wrap detection" in CSS (i.e. when a flex item shifts into a position where it wraps over to the next line) What is a real-world example of a use-case you would need this for?

🔥 Hot off the press 🔥 You can you can finally style anchored elements based on their fallback position in CSS! Meet the CSS anchored container query 🤝 container-type: anchored @‎container anchored(fallback: <fallback-name>) (landing in Chrome 143) developer.chrome.com/blog/anchore...

Wow really great walkthrough of landonorris.com by @wesbos.com Super enjoyed this watch and all of the little details that went into it! Watch: www.youtube.com/watch?v=HzL6...

There’s something magical about physics-based animation. When we use springs instead of Bézier curves, we tend to get way smoother motion. Up until recently, we’ve needed to use JS libraries for this, but a modern feature lets us emulate springs in native CSS. ✨ Just published a new post:

We stopped shipping new JavaScript frameworks every week so now I guess we're shipping new AI browsers every week.

Nice little details in Quiet UI 🥰 quietui.org/docs 💜

Stuck in traffic? Good moment to catch up with the CSS podcast with @una.im and @bram.us @container traffic scroll-state(stuck: block-end) thecsspodcast.libsyn.com

We've already had a great response to this. Thank you everyone who took the time to make a ranking - I know there's a lot of proposals. If you haven't, there's still time! bsky.app/profile/fire...

Thanks @una.im for showing us the future of HTML and CSS in "Back to the future: of web development". We've never been more excited about... not using JavaScript 😅❤️ www.youtube.com/watch?v=BEXe...

Please go rank Temporal, customizable selects, and anchor positioning at a minimum please!

I’m a fashion influencer

With all the excitement of (Same-Document) View Transitions (and more VT features) becoming Baseline Newly available (yay! 🎉), one might overlook the inclusion of the moveBefore() method. This method is a pretty big deal as it allows you to move elements around the DOM while preserving their state.

View transitions are in every browser now ✨

There are 2 new pseudo classes landing for scroll-markers: :target-before and :target-after :target-current { background: black; } :target-before { background: lavender; } :target-after { outline: 1px solid gray; } Lands in Chrome 142 (stable in 2 weeks)

inherit() is going to be absolutely huge for working with CSS custom properties. Two big things it'll enable: Nested indentation: --indent: calc(inherit(--indent, 0) + 1); Overridable design token defaults: --primary-color: inherit(--primary-color, blue);

Time is so weird bc how is my little newborn baby who was just born about to be turning 1 tomorrow?! 🥺