TIL recap: Did you know that container size queries can detect landscape and portrait ratios? https://www.stefanjudis....

I know many of my followers aren't big AI fans. Still, the new MDN MCP server is super handy for pulling up docs and browser support data. https://developer.mozill...

Here's the Baseline update from this week's Web Weekly. CSS `field-sizing` is finally baseline newly available with Firefox 152 supporting it now, and native CSS nesting is now widely available. Time flies! https://developer.mozill...

I've got no idea how I could have missed that, but streaming HTML might become a thing. Granted, it's very early days still but this is exciting. It's yet another example of framework patterns entering the web! https://developer.chrome...

There's a new JS lib in town that transforms JS runtime values into CSS custom properties. If you want to use form values, pointer positions or even the current time in CSS, `prop-for-that` will make that possible without writing custom JS. That's kinda cool! https://prop-for-that.ne...

I can't be the only one not realizing `match-element` works across browsers these days, can I? Bramus explains when to use `match-element` or go for the advanced `attr()` CSS function. https://www.bram.us/2026...

Our friends at WebKit released a new cheatsheet for `display: grid-lanes` (Safari-only so far) with a built-in configurator and lots of examples. It has strong CSSTricks vibes from back in the day! https://gridlanes.webkit...

The new Web Weekly is just about to hit all the inboxes. 🎉 This time it covers `display: grid-lanes`, HTML streaming, and `view-transition-name: match-element` And you can read it online, too. 🫣 webweekly.email/archive/web-...

The new Web Weekly is just about to hit all the inboxes. 🎉 This time it covers `display: grid-lanes`, HTML streaming, and `view-transition-name: match-element` And you can read it online, too. 🫣 webweekly.email/archive/web-...

Here's a quick reminder that you can use `with` in static and dynamic imports to load JSON. More types like CSS and text are on their way. 🤞 https://developer.mozill...

Happy Monday, friends! Tonight it's time for another Web Weekly. 🎉 If you're into Frontend news, very close to the platform, you should check it out! webweekly.email

After two decades of struggling with properly grouped and structured headings, `headingoffset` might finally be a way to make things more manageable. Only works in Firefox Nightly behind a flag, but this is super exciting. https://matuzo.at/blog/2...

Friends, we made it! With Firefox 151, container style queries working with custom properties entered the baseline. And it's funny, according to caniuse.com Firefox is now the only browser supporting the full functionality? What a funny world! https://caniuse.com/css-...

Ollie looked into the future and shared how the super new `image()` function will enable some handy CSS-only background effects! `image()` seems to be so new that there's no real compat data yet, but it works in Chrome Canary and will ship in 150. https://olliewilliams.xy...

TIL recap: Did you know that incorrectly applied ARIA roles can nuke semantics entirely? The standard rule applies: if you're reaching for ARIA, make sure you know what you're doing. https://www.stefanjudis....

Chromium rolled out gap decorations with v149 and boy, am I excited about this. The Web Weekly site has lots of solid and dashed gaps and making this work was quite painful. Here's a good explainer. https://utilitybend.com/...

Safari joins Chromium and will support "customizable selects" soon. This means `<selectedcontent>`, `appearance: base-select`, `::picker-icon` and `::checkmark` are slowly worth looking at! https://webkit.org/blog/...

The new Web Weekly is just about to hit all the inboxes. 🎉 This time it covers the new Safari release, CSS gap decorations, and the new `headingoffset` attribute. And you can read it online, too. 🫣 webweekly.email/archive/web-...

The new Web Weekly is just about to hit all the inboxes. 🎉 This time it covers the new Safari release, CSS gap decorations, and the new `headingoffset` attribute. And you can read it online, too. 🫣 webweekly.email/archive/web-...

Hmm... Firefox is adding more functionality to the URL bar. I'm not sure how I feel about that effort. It's only in Firefox Nightly, but you can now target the color picker in there. 🤷

And as a sneak peek: here are this week's baseline updates.

I took a bit of a break, but today (I think) I'll make it to send another Web Weekly. If web dev updates are still your thing, you should check it out. webweekly.email Side note: we're also very close to 6.5k subs. 😱

💯 https://mohkohn.co.uk/wr...

We've got availability October onwards, so check us out set.studio

While reading this post I discovered that I very rarely use the `grid` shorthand. The syntax just never made it into my muscle memory and I'm a big believer in more explicit code anyways. Do you write your CSS as short as possible? https://thoughtbot.com/b...

For some UI elements closing behavior should be built in. A modal closes on `ESC`, but on mobile a native gesture (e.g. Android's swipe) can jump the browser back into history. How do you catch these? That's what `CloseWatcher` is for. https://developer.mozill...

Durgesh struggled with cross-document view transitions and published the article that he wished existed. Hands-on tips like the 4s transition timeout (TIL!), `blocking=render`, and `pagereveal`/`pageswap` events. Highly recommended. https://css-tricks.com/c...

Josh does what Josh always does and published a post explaining how scroll-driven animations work. They still lack support in Firefox, but if you want to get going you know what to read. A high-quality post with lots of demos. https://www.joshwcomeau....

This is absolutely beautiful and so well done: if you want to understand how a retractable pen (or lighter or candy dispenser) works mechanically this site will explain it to you. https://mechanical-penci...

If you're quick with using `aria-label` or `aria-labelledby`, Manuel explains when you should not use it. He also highlights that it's sometimes ok to label sections and popovers. https://matuzo.at/blog/2...

The State of CSS survey is currently open: Go take the State of CSS 2026 survey if you have a minute! survey.devographics.com/survey/state... I just finished it, and it took around 10 minutes. It's an important data point for spec makers and browser vendors, so let's get this all done. :D

@craigabbott.co.uk Hey Craig, I just wanted to subscribe to your blog's RSS feed but it seems like the HTML isn't correct (missing href). Could you let me know your feed's location? 🫣

Luckily I haven't dealt with date handling for a while. If you need to, you're probably excited about `Temporal`, which goes stable in Node.js. Luciano's write-up on Node.js 26 is excellent. I didn't know that `Temporal` clamps dates! https://nodejsdesignpatt...

⚡️ We're looking for a DevRel person at @vlt.sh - based in our Toronto 🇨🇦 HQ. You'll work closely w/ me & should love the idea of owning various aspects of product marketing. You'll be vlt's biggest fan & advocate; molding this unique role in a way that plays to your strengths & ours.

BEMoji can't be real. Or can it? 😅 https://tomhayes.github....

Baseline update from last week's Web Weekly: `:open` is now Baseline newly available, and User Activation is Baseline widely available. 🎉 - https://developer.mozill... - https://developer.mozill...

It’s Friday, so let’s close out the week with some Good Links™ in The Index #184, sponsored by the good folks over at DebugBear! piccalil.li/the-index/184/

There won't be a Web Weekly this week because I had other things to do this weekend (👇), but if you're into web dev news very close to the platform, you should check it out for next week! webweekly.email There are also only 15 folks left to hit 6.5k subscribers. 🎉 bsky.app/profile/stef...

Non-tech post: wish me luck, today I'll ride my first overnight ultra bike ride. 🤞 I must say I'm quite nervous. 😅

Today i was laid off as part of the restructuring at Webflow. I am looking for my next role in developer relations, developer marketing, sales engineering, and so forth. If you need someone who can speak Developer, hit me up.

If you need something to read this morning. ☕

Web Weekly 193 will hit all the inboxes in ten minutes. 🎉 This time it covers `CloseWatcher`, `Temporal` in Node.js, `:open` on the baseline and, of course, the usual mix of web dev nerd stuff. Go check it out and join the fun! webweekly.email/archive/web-...

So what's going on here? It looks like I made 200 spam followers since yesterday. Anyone else seeing this?

Happy Monday, friends! 🥳 A new Web Weekly edition lands tonight. This time, it'll include CloseWatcher, the User Activation API, :open and, of course, the usual mix of web dev discoveries, spec updates, and browser news. Subscribe and join the fun! 👋 webweekly.email

When you use `content` in CSS, the generated content can land in the accessibility tree. FYI, for a while now, you can define alternative text right in CSS, including an empty string to hide it entirely. https://www.stefanjudis....

TIL Firefox and Safari ship "quirks files" with site-specific fixes for sites that break in their browsers. Thanks to Chrome's monopoly, testing in other browsers is often forgotten. And if things don't work, blame goes to the browser. https://denodell.com/blo...

I was skeptical about needing `round()` in CSS, but was kinda convinced. Floating values like 23.2px always bugged me, and there are some neat use cases where rounding helps. https://ishadeed.com/art...

Did you know `AbortSignal` has a `timeout` static method? Pass `AbortSignal.timeout(5000)` straight to `fetch` and bail after 5 seconds. All without a hand-rolled `setTimeout` + `AbortController` dance. https://developer.mozill...

I've totally forgotten about `env()` and `safe-area-inset-*` which let you keep buttons and content out of the notch and home indicator area. https://polypane.app/blo...

There's a new declarative HTML element in town: `<install>`. It's experimental and Chromium-only, renders a trusted install button and handles web app installation without any JavaScript required. I'm all game for these new elements! https://developer.chrome...