When modern CSS pushes you to write code that looks strange but makes a lot of sense. That's the good part of CSS. Always new stuff to learn and new mental models to unlock. You never get bored! 😁

When Variables Cascade with @miriam.codes #css

Trimming our #CSS with sibling-index() and sibling-count()

reading: "Do I belong in tech anymore? On quitting, the spread of AI, and the loss of an ideal." ky.fyi/posts/ai-bur...

Blink: Intent to Ship: Focusgroup

Blink: Intent to Ship: Popover=hint behavior changes

The Design Brief That Never Mentioned Disabled People

Mat Marquis has waited 14 years to write this article. The sizes attribute has been a necessary evil but now, with an auto value capability, it’s completely transformed authoring responsive images on the web. piccalil.li/blog/the-end...

The Accessibility Problem Isn't Design. It's Engineering.

"Friday, I tried the experiment: let Claude build our component library from our team’s Figma file. Monday, I ran Lighthouse." Before: 187KB, LCP 1.2s, TBT 120ms. After: 524KB, LCP 3.4s, TBT 410ms. https://www.designsystemscollective.com/ai-built-it-in-1-hour-lighthouse-gave-me-43-6f88e5c23d6b

The Incredible Overcomplexity of the Shadcn Radio Button

Safari Technology Preview 242 #css - attr() function from CSS Values Level 5 🎉 - oblique-only value for font-synthesis-style #HTML - Added support for the closedby attribute on <dialog> elements And more…

Getting inspired by all the things the new CSS grid lanes layout can do. Like this bottom-up and top-down layout. Sure, this layout isn’t the best for when order is important. But, man, is it cool for visual creativity.

sizes="auto" landed in Firefox 150, making responsive images simpler and more reliable. Here's when you can use it, and how…

Want to turn your content into a rainy puddle? Just wrap it with a `<rain-drops>` web component... and wait for support. 😐 In the meantime, if you’re on a supported browser, you can check out the live component in the HiC showroom: hicshowroom.com/showroom.htm...

The Accessibility Problem Isn't Design. It's Engineering. Chris Gibbons argues that designers can document all the accessible components they want; in most companies, full stack developers don’t know how to actually implement them.

We’ve tried every combination of front-end platform and back-end integration you can think of over the years, but nothing has been as consistently excellent than @astro.build at keeping the front-end incredibly light and providing the flexibility to do more complex stuff when we need to.

Modern #CSS Upgrades to Improve Accessibility with Stephanie Eckles

Firefox 150 just landed & includes new web platform features like: 🎉 sizes="auto" on images 🎉 light-dark() image support 🎉 CSS revert-rule 🎉 ariaNotify() 🎉 Media pseudo-classes like :playing None of these are baseline yet, so check MDN for support. developer.mozilla.org/en-US/docs/M...

Gordon Ramsey, technical writing, and the importance of people who care rachelandrew.co.uk/archives/202...

Blink: Intent to Ship: Support path() and shape() in shape-outside

Wanna measure Core Web Vitals for SPAs? It's been a long-standing gap, but one that we've been working hard to fill. We're approaching the final stages and have launched one last origin trial (🤞) as the "last call" before we ship it! More details: developer.chrome.com/blog/final-s...

Happy Monday 👋

Blink: Intent to Prototype: Implement visibility:collapse for flex items

CSS nesting and `:has()` are two months away from being Baseline Widely Available (i.e. available in Chrome/Edge/Firefox/Safari for 30 months).

Building a UI Without Breakpoints by @amitsheen.bsky.social #css

Lisa Melton: ‘Memories of Steve’ (and memories of safari’s unique page-loading indicator in particular)

Blink: Intent to Ship: Capability Elements <usermedia> MVP

There’s no need to include ‘navigation’ in your navigation labels

In a recent accessibility audit of a website, I noticed that there were no focus styles in forced colors mode. In this short post I explain why and how to fix it. #WebAccessibilityFails matuzo.at/blog/2026/bo...

An update on <rangegroup>: I shared anonymised feedback from the form, what changed in the explainer (e.g., disabled state), and why I still need you to make noise. Community feedback is priority number 1 at this point; without it, I won't be able to move forward. utilitybend.com/blog/rangegr...

I wish #css z-index worked more like @layer + anchor positioning. Example: sticky header z-index-name of --sticky-header and define the ordering with @z-layer. This removes the need to remember the value of z-index stacking context (i.e. 9999 vs 50).

Name-only @container queries: A solution to the naming wars #css

Gecko: Intent to implement & ship: CSS container style queries

✨ New blog post drops Monday about one of my favourite lil’ animation design techniques. Here’s a little preview. 😄

📝 When moving fast, talking is the first thing to break daverupert.com/2026/04/more...

font-family Doesn’t Fall Back the Way You Think #css

✍️ In case you haven’t heard of `font-variant-emoji`, neither have I. cssence.com/2026/font-va... #CSS #Emoji #Unicode

Revisiting #css scroll-state this morning to clear up some misunderstandings I had. The @utilitybend.com article on "Is it scrolled? Is it not? Let's find out with CSS @container scroll-state() queries" is worth the read 😀

Gecko: Intent to Prototype & Ship: `position-anchor: normal`

Blink: Intent to Ship: AccentColor and AccentColorText system colors

Blink: Intent to Prototype: CSS4 text-decoration-skip-spaces

Blink: Intent to Prototype: CSS text-decoration-inset

Blink: Intent to Experiment: HTML-in-canvas

With all the planning wrapped up it's finally time to write some code! We start by looking through the monorepo then rig up some headless WordPress content. piccalil.li/projects/per...

Chrome 148 beta

Little demo using the #css stretch keyword (formally -webkit-fill-available). Currently available in Safari STP 241 and Chrome.

Interesting new W3C working draft on pseudo classes for CSS to control animated images like GIF CSS Image Animation Module Level 1 www.w3.org/TR/2026/WD-c...

So long stylesheets, see you again tomorrow. Happy #CSSNakedDay!