Stefan Judis
LightNews LightNews
banner
stefanjudis.com
Stefan Judis
@stefanjudis.com
2.4K followers 310 following 660 posts
Freelance dev sending Frontend news to 6k people over at webweekly.email. Sharing lots of tips'n'tricks on the way.

Google Dev Expert, Microsoft MVP and Playwright Ambassador
Posts Replies Media Videos
Pinned
stefanjudis.com
Stefan Judis @stefanjudis.com · 7d
This week's Web Weekly is about to hit all the inboxes in just a little bit! As always, it's jam-packed with baseline updates and new web dev features. 🎉

webweekly.email/archive/web-...

If you're into web dev news close to the platform, you should check it out!
Web Weekly 182 The Navigation API is now baseline! formaction & formmethod Anchor positioning beyond popups Custom Invoker Commands The new text-scale meta element ::search-text:current 🤯
stefanjudis.com
.@veneman.dev was unhappy about the Web Almanac's missing CSS chapter and decided to roll their own! 👏😅

> I can’t crawl millions of websites like the HTTP Archive can, but I can do 100,000 and still make a pretty decent overview.

Let's see what's in there.🧵

www.projectwallace.com/the-css-sele...
The CSS Selection The state of real-world CSS usage, 2026 edition.
February 9, 2026 at 4:31 PM
stefanjudis.com
Happy Monday, friends! 🎉

A new Web Weekly drops tonight and, as always, it'll cover web platform fundamentals that matter, even (especially?) in these wild times

You should check it out if you care about the web!

webweekly.email
More than your regular Frontend newsletter Web Weekly covers what the web platform gives you – no package.json required.
February 9, 2026 at 7:19 AM
Reposted by Stefan Judis
veneman.dev
Announcing The CSS Selection!

📰 www.projectwallace.com/the-css-sele...

📚 100,000 websites
⏱️ 100+ metrics
🔖 7 chapters

The biggest deep-dive ever into real-world use of CSS across the globe. Dive in and find out some hidden gems. Also, see how much of 'the new CSS' is actually used!
The CSS Selection - 2026 Edition - Project Wallace
The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.
www.projectwallace.com
February 6, 2026 at 10:08 AM
stefanjudis.com
Haha, Web Weekly is in the very long tail of read newsletters in the upcoming State of JS survey results.

But hey, I'll take it. Thanks everyone for reading! 🥰
Distribution of newsletters and web weekly is on 16.
February 5, 2026 at 6:02 PM
stefanjudis.com
Here's a quick HTML party trick. Do you know that you can overwrite a form's behavior with a button?

You're welcome. 😅

www.stefanjudis.com/today-i-lear...
<form action="/some-endpoint" method="post"> <label> Your name <input name="full-name" type="text" required> </label> <button formaction="/some-other-endpoint" formmethod="get" formnovalidate>Submit</button> </form>
February 4, 2026 at 6:09 PM
stefanjudis.com
💯

carlbarenbrug.com/friction
Designing for people, not momentum Humans don’t operate best at machine speed. We think, hesitate, reconsider, and change our minds. Design that ignores this doesn’t make people more efficient — it instead pushes them to move faster than their intent. Design that respects attention also respects limits. It recognises that focus is finite, judgement is contextual, and not every action should happen at the same pace. Ease without thought isn’t progress. It’s just acceleration.
February 4, 2026 at 9:31 AM
stefanjudis.com
Now that Invoker Commands entered the baseline, do you know that you can trigger custom commands, too?

Here's a very quick post explaining the concept.

pawelgrzybek.com/more-invoker...
const d = document.getElementById("d"); d.addEventListener("command", (e) => { if (event.command === "--change-bg") { d.style.backgroundColor = e.source.value; } });
February 3, 2026 at 6:09 PM
stefanjudis.com
Using `Promise.all`, you can wait for promises to resolve in parallel. However, things become interesting when promises depend on each other.

Usually, you'd then need to untangle everything to get the optimal loading order. `better-all` does this for you. Love it!

github.com/shuding/bett...
import { all } from 'better-all' const { a, b, c } = await all({ async a() { return getA() }, // 1s async b() { return getB() }, // 10s async c() { return getC(await this.$.a) } // 10s (waits for a) }) // Total: 11 seconds - optimal parallelization!
February 3, 2026 at 9:31 AM
Reposted by Stefan Judis
stefanjudis.com
This week's Web Weekly is about to hit all the inboxes in just a little bit! As always, it's jam-packed with baseline updates and new web dev features. 🎉

webweekly.email/archive/web-...

If you're into web dev news close to the platform, you should check it out!
Web Weekly 182 The Navigation API is now baseline! formaction & formmethod Anchor positioning beyond popups Custom Invoker Commands The new text-scale meta element ::search-text:current 🤯
February 2, 2026 at 5:48 PM
stefanjudis.com
If you ever wondered whether fancy text effects paired with countless span elements, `aria-hidden`, and `aria-label` affect UX / A11y. This post might become a future reference piece! 👏

Huge shoutout to Adrian, who consistently shares valuable UX/A11y resources!

adrianroselli.com/2026/01/barr...
<!-- Fancy letter effect --> <a href="https://something.com" aria-label="link"> <span aria-hidden="true"> <span>L</span><span>i</span><span>n</span><span>k</span> </span> </a>
February 2, 2026 at 6:09 PM
stefanjudis.com
This week's Web Weekly is about to hit all the inboxes in just a little bit! As always, it's jam-packed with baseline updates and new web dev features. 🎉

webweekly.email/archive/web-...

If you're into web dev news close to the platform, you should check it out!
Web Weekly 182 The Navigation API is now baseline! formaction & formmethod Anchor positioning beyond popups Custom Invoker Commands The new text-scale meta element ::search-text:current 🤯
February 2, 2026 at 5:48 PM
Reposted by Stefan Judis
bell.bz
The Index is 11 away from 4k subscribers. I'm not much of a metrics enjoyer, but it would be nice to hit that milestone for sure.

piccalil.li/the-index/
The Index
Join thousands of subscribers and discover our twice weekly newsletter, featuring high quality, curated design, dev and tech links.
piccalil.li
February 2, 2026 at 9:59 AM
stefanjudis.com
TIL, Chrome 144 ships some new pseudo-classes. 👏

Within limits, you can now style the matching strings of the "find in page" search.

::search-text {
// matching strings
}

::search-text:current {
// currently matched string
}

More on the blog. 👇

www.stefanjudis.com/today-i-lear...
February 2, 2026 at 2:07 PM
stefanjudis.com
If you missed this post last week, it explains pretty well how modern frontend works these days. :/

https://paulmakeswebsite...
To understand how our radio buttons work I need to understand two separate component libraries and hundreds of lines of React.
February 2, 2026 at 11:45 AM
stefanjudis.com
Alright... Unfortunately, life happened last week, and I didn't get around to sending out Web Weekly. :/

But today it's definitely time for another edition full of frontend / web dev news.

Join the fun! 👇
stefanjudis.com Stefan Judis @stefanjudis.com · 15d
Happy Monday party people!

You know the drill. 🫣 Later tonight a new Web Weekly will hit all the inboxes!

If you think that knowing and understanding how the web works remains important in the wild times of AI "stuff" (I do at least), you should check it out!

webweekly.email
More than your regular Frontend newsletter Web Weekly covers what the web platform gives you – no package.json required.
February 2, 2026 at 10:32 AM
stefanjudis.com
So there's a new meta element arriving in town (Chrome Canary first)? 👏

www.joshtumath.uk/posts/2026-0...
<meta name="text-scale" content="scale" />
January 27, 2026 at 9:48 PM
Reposted by Stefan Judis
sirpepe.bsky.social
Forms are better with
and because of accessibility and stuff (adrianroselli.com/2022/07/use-... for details), but did you know that
also has a hidden DX feature? You can toggle its disabled attribute to enable or disable whole sets of inputs all at once!

#html #webdev
Screenshot of the Firefox dev tools next to a form, showing how the disabled attribute on <fieldset> toggles an entire set of form controls
January 26, 2026 at 12:37 PM
stefanjudis.com
For my European friends, here are some alternatives if you want to move off US-centric software. 👇

meiert.com/blog/united-...
January 26, 2026 at 2:10 PM
stefanjudis.com
Happy Monday party people!

You know the drill. 🫣 Later tonight a new Web Weekly will hit all the inboxes!

If you think that knowing and understanding how the web works remains important in the wild times of AI "stuff" (I do at least), you should check it out!

webweekly.email
More than your regular Frontend newsletter Web Weekly covers what the web platform gives you – no package.json required.
January 26, 2026 at 1:11 PM
Reposted by Stefan Judis
pawelgrzybek.com
Last week I lost my job. It took me a while to process...

If you or your company needs an experienced full stack developer who understands how the web works, knows modern tech, communicates well, please reach out.

My CV: pawelgrzybek.com/cv/

I'd appreciate if you could share. Thank you.
CV | pawelgrzybek.com
I’m a software developer with 15 years of professional experience, specialising in building performant and accessible full-stack web applications. I’m passionate about web standards and ethical design...
pawelgrzybek.com
January 26, 2026 at 9:13 AM
Reposted by Stefan Judis
jonathanyeong.com
I haven’t had a chance to do too much digging but maybe this env var exists and you can do an if switch in your zshrc

[[ "$TERM_PROGRAM" == "vscode" ]]

code.visualstudio.com/docs/termina...
Terminal Shell Integration
Visual Studio Code's embedded terminal can integrate with some shells to enhance the capabilities of the terminal.
code.visualstudio.com
January 21, 2026 at 12:16 PM
Reposted by Stefan Judis
stefanjudis.com
This week's Web Weekly is about to hit all the inboxes in just a little bit! As always, it's jam-packed. 🎉

webweekly.email/archive/web-...

If you're into web dev news close to the platform, you should check it out!
Web Weekly 181 - Anchor-positioning is now baseline! - The Custom Elements Manifest - What actually is Time to first Byte? - ResizeObserver - The new <geolocation> element - scroll-behavior: contain;
January 19, 2026 at 8:15 PM
stefanjudis.com
This week's Web Weekly is about to hit all the inboxes in just a little bit! As always, it's jam-packed. 🎉

webweekly.email/archive/web-...

If you're into web dev news close to the platform, you should check it out!
Web Weekly 181 - Anchor-positioning is now baseline! - The Custom Elements Manifest - What actually is Time to first Byte? - ResizeObserver - The new <geolocation> element - scroll-behavior: contain;
January 19, 2026 at 8:15 PM
stefanjudis.com
Chrome ships a new HTML element and I'm all game for more built-in functionality! 🎉👇

developer.chrome.com/blog/geoloca...
<geolocation onlocation="handleLocation(event)" autolocate accuracymode="precise"> </geolocation>
January 19, 2026 at 6:18 PM
stefanjudis.com
Vertical tabs are coming to Chrome 145 as an experimental feature for testing! 🎉

chrome://flags/#vertical-tabs

We're currently on Chrome 144, so you have to use Chrome Canary until you can play around with it.
January 19, 2026 at 3:40 PM