I'm considering doing an little experiment for a month to see what it is like without box-sizing: border-box not included in a CSS reset.

Reflections From Green IO 2025

Blink: Intent to Ship: Implement CSS property font-language-override

Blink: Intent to Ship: Temporal in ECMA262

Did you know you can give a single border a different border-radius on each axis? I take a quick look at that in this week's Tip of the Week: html-css-tip-of-the-week.netlify.app/tip/mutliple...

Buttons shouldn't have a hand cursor

One of the most frustrating aspects of media queries is that we can’t use custom properties with them. This often results in hard-coded values in otherwise, highly configurable codebases. Manuel has a novel approach to get around this. piccalil.li/blog/a-worka...

How to migrate your website from Next.js to Astro

⚡ UPDATE ⚡ An hour after posting, Chrome revised their estimate on shipping TC39 Stage 3 Temporal to be Chromium 144. (This is still very welcome news! 😉) chromestatus.com/feature/5668...

What should the CSS working name these cool new masonry features? If you write CSS, please give your opinions! www.w3.org/blog/CSS/202...

CSS Excitement! > RESOLVED: Add `color-scheme()` test to both `@container` queries and `if()`. github.com/w3c/csswg-dr... This means you can do a light-dark() that works with any type of value 🤩🤩 ``` background-image: if(color-scheme(dark): url(dark.svg); else: url(light.svg)); ```

ECMAScript excitement 😉 @jason-williams.co.uk from TechAtBloomberg announces the release of Boa's Rust-based implementation of TC39 Stage 3 Temporal 🎉 Chrome estimates this will ship in Chromium 143 🎉🎉 Temporal is the shiny replacement for the broken JS Date API ✨

The #CSS content-visibility property is now Baseline Newly available

It might be time to rethink box-sizing: border-box by @kevinpowell.co

✨ New article ✨ Are we at the start of a new era? Chrome 140 introduced CSS Typed Arithmetic. It might seem like a minor change, but I believe it's huge as it opens the door to countless new possibilities and a whole new era of Computational CSS. What do you think? css-tricks.com/css-typed-ar...

📢 The Interop 2026 proposal window is closing later today! 122 proposals have been created: github.com/web-platform... Is anything missing from that list? Are there critical building blocks of the web which you need to work the same in all browsers? If so, add it, or vote for it with a 👍!

Masonry updates and open issues. We're actively looking for web developer feedback on two key things we're deciding on and we'd love to hear from you. Comment, file an issue, or just post below 👇🏾 www.w3.org/blog/CSS/202...

What a good resource on learning web component?

Storybook 10 (now in beta) is ESM-only. 🤏 Smaller package size (15%) 🫧 Cleaner, simpler codebase ⛓️‍💥 Reduced bugs from module duplication and aliasing 🧱 A more future-proof foundation for Storybook and its ecosystem Read all about why we’ve made the transition and what it means for you:

Safari 26.1 Beta - #CSS position-try fallback

Been thinking of building a pattern UI library.

⚓️ New Article: Controlling your code

I recently prefer using #CSS transition-property over transition shorthand. It provides cleaner and better code readability. "Chris’ Corner: Little Bits of CSS"

Rolldown v1.0.0-beta.39 has been released! ⚡ macOS Performance Boost: 10%-30% faster bundling, up to 45% in extreme cases. 🎯 Cross-Chunk Optimization: Support for __NO_SIDE_EFFECTS__ annotation, as well as better tree-shaking across module boundaries and more efficient DCE

A new View Transitions-related feature we shipped in Chrome 140 is the ability to nest ::view-transition-group() pseudos. This is useful for retaining visual effects such as clipping, move elements as part of a group, etc. developer.chrome.com/docs/css-ui/...

✨ I just published a brand-new blog post about a modern CSS feature! But, honestly, I’m still on the fence about it. 😅 In this post, I’ll dig into the gnarly issue I ran into, and share three possible workarounds. Along the way, you’ll learn a bunch about the CSS cascade and specificity!

Arguably nothing needs to be “saved” by AI (how can a word shuffler save anything?) so we’re glad Craig has underlined that point and many others here. www.craigabbott.co.uk/blog/screen-...

Oct 14 Firefox 144 will ship JS-powered view transitions with `startViewTransition`. 🎉 Of course, this is only the first step because we're all waiting for cross-document view transitions, too, but I'm still very happy about view transitions being on their way to work everywhere.

The URL Pattern API is now available across all major browser engines! It's now much easier to work with URLs. See developer.mozilla.org/en-US/docs/W... for more info.

❌ mobile first ✅ container first

ECMAScript excitement 😉 Next week's TC39 meeting has a packed agenda: 🔼 Amount 🔼 Array.prototype.pushAll 🔶 AsyncContext 🔶 Await Dictionary 🔼 Import Bytes 🔶 Intl Era Month Code 🔼 Iterator Chunking 🔶 new Global() 🔼 Non-extensible applies to private 🔼 Promise Adoption 🔼 Promise Predicate 🔶 Temporal

l have a blog again. New post. olliewilliams.xyz/blog/html-re...

What You Need to Know about Modern #CSS (2025 Edition)

What your experience with Storybook?

A few days in, I'm pretty enjoying Liquid Glass' design language.

We’ve got 5 very good links this Friday for you in The Index #126. It's a fun one to close out…a week, huh? piccalil.li/the-index/126/

Alternative Text for #CSS Generated Content adrianroselli.com/2020/10/alte...

Current: 38 Podcast subscribed 🫣

The Call For Papers for this years HTMHell Advent Calendar is still open! Please submit your ideas. You can write about anything related to HTML. docs.google.com/forms/d/e/1F...

#CSS if() function

`hidden=until-found` landed in Safari Tech Preview so that we're on our way to baseline support. 🎉 It allows showing hidden content when it's matched from in-page search. A common example are `details` elements that open when they include the searched text. developer.mozilla.org/en-US/docs/W...

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.

Blink: Intent to Ship: Interest Invokers (the `interestfor` attribute)

Sometimes, designs have different images for large and small viewports. It can be tempting to simply use multiple images and a media query to control when we see each one, but instead, you should reach for the picture element! html-css-tip-of-the-week.netlify.app/tip/the-pict...

A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS. piccalil.li/blog/taking-...

Welcome Baseline Newly Available: #CSS content-visibility & URLPattern web-platform-dx.github.io/web-features... web-platform-dx.github.io/web-features...

Safari Technology Preview 228 - Added support for auto-expanding details and hidden=”until-found” elements - Added support for :scope when the scoping root is :visited. - Added support for using color-mix()without a color space, defaulting to oklab. - Added support for display-p3-linearcolors in CSS

#CSS Is it Time to Un-Sass?

While making an update to a course chapter that includes the use of CSS-generated content in the accName computation, I noticed that support for alt text in CSS has improved since I gave a talk about CSS & a11y at CSS Day last year. So I thought it's time to do a proper, long overdue writeup!

You no longer need JavaScript