Stefan Judis
@stefanjudis.com
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
Google Dev Expert, Microsoft MVP and Playwright Ambassador
Pinned
This week's Web Weekly is just about to hit all the inboxes. And, as usual, it's jam-packed!
Check it out if you want to know what's happening in the Frontend and browser world. 👇
www.stefanjudis.com/blog/web-wee...
Check it out if you want to know what's happening in the Frontend and browser world. 👇
www.stefanjudis.com/blog/web-wee...
This week's Web Weekly is just about to hit all the inboxes. And, as usual, it's jam-packed!
Check it out if you want to know what's happening in the Frontend and browser world. 👇
www.stefanjudis.com/blog/web-wee...
Check it out if you want to know what's happening in the Frontend and browser world. 👇
www.stefanjudis.com/blog/web-wee...
November 10, 2025 at 8:20 PM
This week's Web Weekly is just about to hit all the inboxes. And, as usual, it's jam-packed!
Check it out if you want to know what's happening in the Frontend and browser world. 👇
www.stefanjudis.com/blog/web-wee...
Check it out if you want to know what's happening in the Frontend and browser world. 👇
www.stefanjudis.com/blog/web-wee...
I just discovered @matthiasott.com 's site theme switcher and this is a piece of art. :D 👏
matthiasott.com
matthiasott.com
November 10, 2025 at 6:57 PM
I just discovered @matthiasott.com 's site theme switcher and this is a piece of art. :D 👏
matthiasott.com
matthiasott.com
Did you know that you can localize quotes right in CSS?
Now you do! 🫵
www.stefanjudis.com/today-i-lear...
Now you do! 🫵
www.stefanjudis.com/today-i-lear...
November 10, 2025 at 6:09 PM
Did you know that you can localize quotes right in CSS?
Now you do! 🫵
www.stefanjudis.com/today-i-lear...
Now you do! 🫵
www.stefanjudis.com/today-i-lear...
Reposted by Stefan Judis
Header & footer elements change their roles when they're inside of sectioning content: "The header element loses its banner role and depending on the browser gets generic or sectionheader assigned, which has an effect on assistive technologies." #a11y www.stefanjudis.com/today-i-lear...
Header & footer elements change their roles when they're inside of sectioning content
`header` and `footer` elements lose their ARIA roles when they're included in sectioning content.
www.stefanjudis.com
November 10, 2025 at 6:03 PM
Header & footer elements change their roles when they're inside of sectioning content: "The header element loses its banner role and depending on the browser gets generic or sectionheader assigned, which has an effect on assistive technologies." #a11y www.stefanjudis.com/today-i-lear...
🥰 Join the fun. 👇
Web Weekly is literally the only newsletter I'm subscribed to in any field.. I always get the latest tech news, learn new (and old) techniques through TiL section. I love it sooo much 🥰.
I'm a bit late this week but you know the drill. 🫣
If you're into web dev news all about the fundamentals (you know; HTML, CSS, JavaScript and browser updates) you should check out Web Weekly!
It'll go out in a few hours.
webweekly.email
If you're into web dev news all about the fundamentals (you know; HTML, CSS, JavaScript and browser updates) you should check out Web Weekly!
It'll go out in a few hours.
webweekly.email
November 10, 2025 at 5:04 PM
🥰 Join the fun. 👇
I'm a bit late this week but you know the drill. 🫣
If you're into web dev news all about the fundamentals (you know; HTML, CSS, JavaScript and browser updates) you should check out Web Weekly!
It'll go out in a few hours.
webweekly.email
If you're into web dev news all about the fundamentals (you know; HTML, CSS, JavaScript and browser updates) you should check out Web Weekly!
It'll go out in a few hours.
webweekly.email
November 10, 2025 at 4:39 PM
I'm a bit late this week but you know the drill. 🫣
If you're into web dev news all about the fundamentals (you know; HTML, CSS, JavaScript and browser updates) you should check out Web Weekly!
It'll go out in a few hours.
webweekly.email
If you're into web dev news all about the fundamentals (you know; HTML, CSS, JavaScript and browser updates) you should check out Web Weekly!
It'll go out in a few hours.
webweekly.email
TIL that `dns-prefetch` is now baseline "newly available". I've been using this for ages, but apparently, it only started working in iOS Safari with version 26.
Here are the release notes: webkit.org/blog/17333/w...
Here are the release notes: webkit.org/blog/17333/w...
November 5, 2025 at 6:09 PM
TIL that `dns-prefetch` is now baseline "newly available". I've been using this for ages, but apparently, it only started working in iOS Safari with version 26.
Here are the release notes: webkit.org/blog/17333/w...
Here are the release notes: webkit.org/blog/17333/w...
Quick reminder, if your framework or application requires immutable data structures, `Array.with` will be your friend. It lets you update an item, copies the rest, and provides a new array reference!
It works in all browsers, too! 🎉
It works in all browsers, too! 🎉
November 5, 2025 at 9:31 AM
Quick reminder, if your framework or application requires immutable data structures, `Array.with` will be your friend. It lets you update an item, copies the rest, and provides a new array reference!
It works in all browsers, too! 🎉
It works in all browsers, too! 🎉
Did CSS @scope just hit Firefox Nightly?! 😲 #baselineHereWeCome
Release notes: www.firefox.com/en-US/firefo...
MDN: developer.mozilla.org/en-US/docs/W...
Release notes: www.firefox.com/en-US/firefo...
MDN: developer.mozilla.org/en-US/docs/W...
November 4, 2025 at 9:44 PM
Did CSS @scope just hit Firefox Nightly?! 😲 #baselineHereWeCome
Release notes: www.firefox.com/en-US/firefo...
MDN: developer.mozilla.org/en-US/docs/W...
Release notes: www.firefox.com/en-US/firefo...
MDN: developer.mozilla.org/en-US/docs/W...
Tips and tricks to work around the "unexpected" results of Apple's Liquid Glass design language.
I've no words...
medienbaecker.com/articles/the...
I've no words...
medienbaecker.com/articles/the...
November 4, 2025 at 6:09 PM
Tips and tricks to work around the "unexpected" results of Apple's Liquid Glass design language.
I've no words...
medienbaecker.com/articles/the...
I've no words...
medienbaecker.com/articles/the...
This is quite a banger feature for web perf engineers. In Chrome Canary, you can now turn on an experimental feature to throttle single requests!
chrome://flags/#devtools-individual-request-throttling
This is golden to check the performance impact of a delayed resource. 👏
chrome://flags/#devtools-individual-request-throttling
This is golden to check the performance impact of a delayed resource. 👏
November 4, 2025 at 3:13 PM
This is quite a banger feature for web perf engineers. In Chrome Canary, you can now turn on an experimental feature to throttle single requests!
chrome://flags/#devtools-individual-request-throttling
This is golden to check the performance impact of a delayed resource. 👏
chrome://flags/#devtools-individual-request-throttling
This is golden to check the performance impact of a delayed resource. 👏
The amount of work going into this article is absurd. 👏 Loren has built the same web app in ten frameworks and compared and measured the performance. Why?
To find the most suitable framework for a project.
www.lorenstew.art/blog/10-kanb...
To find the most suitable framework for a project.
www.lorenstew.art/blog/10-kanb...
November 4, 2025 at 9:31 AM
The amount of work going into this article is absurd. 👏 Loren has built the same web app in ten frameworks and compared and measured the performance. Why?
To find the most suitable framework for a project.
www.lorenstew.art/blog/10-kanb...
To find the most suitable framework for a project.
www.lorenstew.art/blog/10-kanb...
I was very much aware of `scroll-margin` but I think I've just heard about `scroll-padding` for the first time. 😅
cssence.com/2025/scroll-... ,
cssence.com/2025/scroll-... ,
Instant snapport
How to tweak the optimal viewing region of the scrollport.
cssence.com
November 3, 2025 at 6:09 PM
I was very much aware of `scroll-margin` but I think I've just heard about `scroll-padding` for the first time. 😅
cssence.com/2025/scroll-... ,
cssence.com/2025/scroll-... ,
Reposted by Stefan Judis
Aaaand this week's Web Weekly newswetter is just about to go out! Check out this full bag of webdev goodies. 👇
www.stefanjudis.com/blog/web-wee...
www.stefanjudis.com/blog/web-wee...
November 3, 2025 at 12:58 PM
Aaaand this week's Web Weekly newswetter is just about to go out! Check out this full bag of webdev goodies. 👇
www.stefanjudis.com/blog/web-wee...
www.stefanjudis.com/blog/web-wee...
Aaaand this week's Web Weekly newswetter is just about to go out! Check out this full bag of webdev goodies. 👇
www.stefanjudis.com/blog/web-wee...
www.stefanjudis.com/blog/web-wee...
November 3, 2025 at 12:58 PM
Aaaand this week's Web Weekly newswetter is just about to go out! Check out this full bag of webdev goodies. 👇
www.stefanjudis.com/blog/web-wee...
www.stefanjudis.com/blog/web-wee...
Man, I love this. Here's a custom element to automatically add side notes to your blog posts. It parses the text, includes feature detection for anchor positioning, and uses progressive enhancement.
This is how things should be done!
meyerweb.com/eric/thought...
This is how things should be done!
meyerweb.com/eric/thought...
November 3, 2025 at 9:31 AM
Man, I love this. Here's a custom element to automatically add side notes to your blog posts. It parses the text, includes feature detection for anchor positioning, and uses progressive enhancement.
This is how things should be done!
meyerweb.com/eric/thought...
This is how things should be done!
meyerweb.com/eric/thought...
Good Morning. 👋 I'm just sitting down to write this week's Web Weekly newsletter.
If core web development (you know: HTML, CSS and JS) are your thing you should check it out! 👇
webweekly.email
This time it'll include Chrome Dev Tools updates, `scroll-padding` and CSS anchor positioning.
If core web development (you know: HTML, CSS and JS) are your thing you should check it out! 👇
webweekly.email
This time it'll include Chrome Dev Tools updates, `scroll-padding` and CSS anchor positioning.
November 3, 2025 at 7:15 AM
Good Morning. 👋 I'm just sitting down to write this week's Web Weekly newsletter.
If core web development (you know: HTML, CSS and JS) are your thing you should check it out! 👇
webweekly.email
This time it'll include Chrome Dev Tools updates, `scroll-padding` and CSS anchor positioning.
If core web development (you know: HTML, CSS and JS) are your thing you should check it out! 👇
webweekly.email
This time it'll include Chrome Dev Tools updates, `scroll-padding` and CSS anchor positioning.
Some birdy (thanks @tunetheweb.com) told me that Chrome supports split views behind a flag. 😲 Good stuff!
chrome://flags#side-by-side
chrome://flags#side-by-side
November 2, 2025 at 3:16 PM
Some birdy (thanks @tunetheweb.com) told me that Chrome supports split views behind a flag. 😲 Good stuff!
chrome://flags#side-by-side
chrome://flags#side-by-side
Oh nice! Starting with Chrome 142, you can put the bottom drawer to the right side and assign the main panels to it.
For example, it's then possible to look at the Elements and Network panel at the same time.
I think I'll use this a lot! 👏
For example, it's then possible to look at the Elements and Network panel at the same time.
I think I'll use this a lot! 👏
November 1, 2025 at 8:29 AM
Oh nice! Starting with Chrome 142, you can put the bottom drawer to the right side and assign the main panels to it.
For example, it's then possible to look at the Elements and Network panel at the same time.
I think I'll use this a lot! 👏
For example, it's then possible to look at the Elements and Network panel at the same time.
I think I'll use this a lot! 👏
I've been a proud member of the "Big Cursor" club for years. My macOS cursor is 25% larger than the default size. It's so much better. If you haven't tried it, do it!
But what happens on websites that increase the cursor size when you're "coming in big" already? 👇
dbushell.com/2025/10/27/c...
But what happens on websites that increase the cursor size when you're "coming in big" already? 👇
dbushell.com/2025/10/27/c...
Custom Cursor Accessibility
The one where I fat finger with a mouse
dbushell.com
October 31, 2025 at 6:09 PM
I've been a proud member of the "Big Cursor" club for years. My macOS cursor is 25% larger than the default size. It's so much better. If you haven't tried it, do it!
But what happens on websites that increase the cursor size when you're "coming in big" already? 👇
dbushell.com/2025/10/27/c...
But what happens on websites that increase the cursor size when you're "coming in big" already? 👇
dbushell.com/2025/10/27/c...
I don't agree with all the points being made here, but this opening sentence really hits home. 👇
blog.pabloecortez.com/its-insultin...
blog.pabloecortez.com/its-insultin...
October 31, 2025 at 1:03 PM
I don't agree with all the points being made here, but this opening sentence really hits home. 👇
blog.pabloecortez.com/its-insultin...
blog.pabloecortez.com/its-insultin...
Reposted by Stefan Judis
I am looking for a full-time job.
Being independent in open source for 3.5+ years has been wonderful. I've gotten done most of the high-level goals I wanted to, and miss having people & structure around me.
If you know of a role for a staff-level TypeScript+web developer, let me know! 🙂
Being independent in open source for 3.5+ years has been wonderful. I've gotten done most of the high-level goals I wanted to, and miss having people & structure around me.
If you know of a role for a staff-level TypeScript+web developer, let me know! 🙂
October 30, 2025 at 2:40 PM
I am looking for a full-time job.
Being independent in open source for 3.5+ years has been wonderful. I've gotten done most of the high-level goals I wanted to, and miss having people & structure around me.
If you know of a role for a staff-level TypeScript+web developer, let me know! 🙂
Being independent in open source for 3.5+ years has been wonderful. I've gotten done most of the high-level goals I wanted to, and miss having people & structure around me.
If you know of a role for a staff-level TypeScript+web developer, let me know! 🙂
Reposted by Stefan Judis
It’s Wednesday, it’s noon (UK time), so you know what time it is: The Index #135 is here.
piccalil.li/the-index/137/
piccalil.li/the-index/137/
The Index: Issue #137
It’s Wednesday, it’s noon (UK time), so you know what time it is: The Index #135 is here.
piccalil.li
October 29, 2025 at 12:05 PM
It’s Wednesday, it’s noon (UK time), so you know what time it is: The Index #135 is here.
piccalil.li/the-index/137/
piccalil.li/the-index/137/