Stefan Judis
@stefanjudis
Freelance dev sending Frontend news to 6k people over at webweekly.email. Sharing lots of tips'n'tricks on the way. Google Dev Expert, former Microsoft MVP and Playwright Ambassador
If you're dealing with SVG icons you probably know the pain of overwriting colors. There's a new spec in the making that allows controlling CSS variables from "the outside". And it's shipping in Firefox already! https://drafts.csswg.org...
FYI, Chrome ships a new `usermedia` element. https://developer.chrome...
There's an unfortunate disconnect between `color-scheme` and the `prefers-color-scheme` media query. This tripped me up multiple times. So what do you do about it? Ollie's post has some web platform answers. https://olliewilliams.xy...
I'm still wondering about anchor positioning use cases beyond the tooltip example. Emil explains how multiple anchors help out with creating clickable card overlays. Fancy stuff! https://thatemil.com/blo...
Safari shipped `display: grid-lanes` and Chromium's working on it. But what does it mean for accessibility when grid items reorder themselves? Can an adjusted `flow-tolerance` help? Manuel cautiously proposes a very interesting solution. https://matuzo.at/blog/2...
I tried to sit this out for as long as possible, but I'm now running Tahoe. After all this time, how can this border radius situation still not be fixed? I know it shouldn't, but this really really bugs me. 👀
And the new Web Weekly is about to hit all the inboxes. 🫣 This time it includes lots of anchor positioning, customizable selects, and ECMAScript 2026 updates. Enjoy! webweekly.email/archive/web-...
It's been a while, but another Web Weekly will hit all the inboxes tonight. If you're still into webdev and browser news, you should check it out. 🫣 webweekly.email
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-...
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-...
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. 🤷
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. 😱
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...