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
Stefan Judis
@stefanjudis.com
· 18d
And this year's last Web Weekly is soon going out to hit all the inboxes one final time!
You know the deal; if you're into web dev news close to the platform (HTML, CSS, JS and browser updates), you should check it out (and subscribe for next year)!
www.stefanjudis.com/blog/web-wee...
You know the deal; if you're into web dev news close to the platform (HTML, CSS, JS and browser updates), you should check it out (and subscribe for next year)!
www.stefanjudis.com/blog/web-wee...
Man, I love that view transitions make things like this possible with only a few lines of code. 🥰
December 22, 2025 at 2:27 PM
Man, I love that view transitions make things like this possible with only a few lines of code. 🥰
Reposted by Stefan Judis
The 70th edition of the JS Craft Newsletter is out:
- 🎙 Interview with @stefanjudis.com from Web Weekly
- 📰 TOON – the lightweight JSON for LLMs
- ⚙️ MCP in DevTools & how Google Chrome uses it
- 📺 Grounded AI talks: RAG systems vs hype
Read it here → www.js-craft.io/blog/70-buil...
- 🎙 Interview with @stefanjudis.com from Web Weekly
- 📰 TOON – the lightweight JSON for LLMs
- ⚙️ MCP in DevTools & how Google Chrome uses it
- 📺 Grounded AI talks: RAG systems vs hype
Read it here → www.js-craft.io/blog/70-buil...
#70 Building a newsletter for JavaScript devs, TOON - the JSON for LLMs, using MCP in DevTools
Hello friend! It's Daniel here, author of Building AI Agents with LangGraph js and LangChain for JavaScript Developers. It’s hard to believe we’re already in the last month of 2025. For me, this yea...
www.js-craft.io
December 16, 2025 at 2:40 PM
The 70th edition of the JS Craft Newsletter is out:
- 🎙 Interview with @stefanjudis.com from Web Weekly
- 📰 TOON – the lightweight JSON for LLMs
- ⚙️ MCP in DevTools & how Google Chrome uses it
- 📺 Grounded AI talks: RAG systems vs hype
Read it here → www.js-craft.io/blog/70-buil...
- 🎙 Interview with @stefanjudis.com from Web Weekly
- 📰 TOON – the lightweight JSON for LLMs
- ⚙️ MCP in DevTools & how Google Chrome uses it
- 📺 Grounded AI talks: RAG systems vs hype
Read it here → www.js-craft.io/blog/70-buil...
Reposted by Stefan Judis
🤔 Why Human Creators Still Matter in the Age of AI 🤖
Stefan Judis(@stefanjudis.com) explains why high-value content needs real time, skill, and heart ❤️. I agree!
👉🏼 What content are you drawn to?
Full podcast link in the first comment 👇🏼
#WebDevelopment #FutureOfWork #Technology
Stefan Judis(@stefanjudis.com) explains why high-value content needs real time, skill, and heart ❤️. I agree!
👉🏼 What content are you drawn to?
Full podcast link in the first comment 👇🏼
#WebDevelopment #FutureOfWork #Technology
December 9, 2025 at 3:42 PM
🤔 Why Human Creators Still Matter in the Age of AI 🤖
Stefan Judis(@stefanjudis.com) explains why high-value content needs real time, skill, and heart ❤️. I agree!
👉🏼 What content are you drawn to?
Full podcast link in the first comment 👇🏼
#WebDevelopment #FutureOfWork #Technology
Stefan Judis(@stefanjudis.com) explains why high-value content needs real time, skill, and heart ❤️. I agree!
👉🏼 What content are you drawn to?
Full podcast link in the first comment 👇🏼
#WebDevelopment #FutureOfWork #Technology
Reposted by Stefan Judis
TIL: Restart Frame in the Chrome devtools 🤯
blittle.github.io/chrome-dev-t...
thanks to the amazing @stefanjudis.com' newsletter ❤️
blittle.github.io/chrome-dev-t...
thanks to the amazing @stefanjudis.com' newsletter ❤️
Restart Frame | Down and Dirty with Chrome Developer Tools
A deep dive into advanced functionality within the Chrome Developer tools that will enable you to more effectively build and debug web apps. Presented at the 2014 OpenWest Conference.
blittle.github.io
December 8, 2025 at 2:41 PM
TIL: Restart Frame in the Chrome devtools 🤯
blittle.github.io/chrome-dev-t...
thanks to the amazing @stefanjudis.com' newsletter ❤️
blittle.github.io/chrome-dev-t...
thanks to the amazing @stefanjudis.com' newsletter ❤️
Reposted by Stefan Judis
startViewTransition() is now part of Baseline! 🆕
This API lets you create smooth same-document (SPA) transitions, no framework required. Perfect for page updates, theme switches, and animated UI changes.
Learn how it works 👇
developer.mozilla.org/en-US/docs/...
This API lets you create smooth same-document (SPA) transitions, no framework required. Perfect for page updates, theme switches, and animated UI changes.
Learn how it works 👇
developer.mozilla.org/en-US/docs/...
Document: startViewTransition() method - Web APIs | MDN
The startViewTransition() method of the Document interface starts a new same-document (SPA) view transition and returns a ViewTransition object to represent it.
developer.mozilla.org
December 8, 2025 at 4:15 PM
startViewTransition() is now part of Baseline! 🆕
This API lets you create smooth same-document (SPA) transitions, no framework required. Perfect for page updates, theme switches, and animated UI changes.
Learn how it works 👇
developer.mozilla.org/en-US/docs/...
This API lets you create smooth same-document (SPA) transitions, no framework required. Perfect for page updates, theme switches, and animated UI changes.
Learn how it works 👇
developer.mozilla.org/en-US/docs/...
And this year's last Web Weekly is soon going out to hit all the inboxes one final time!
You know the deal; if you're into web dev news close to the platform (HTML, CSS, JS and browser updates), you should check it out (and subscribe for next year)!
www.stefanjudis.com/blog/web-wee...
You know the deal; if you're into web dev news close to the platform (HTML, CSS, JS and browser updates), you should check it out (and subscribe for next year)!
www.stefanjudis.com/blog/web-wee...
December 8, 2025 at 2:08 PM
And this year's last Web Weekly is soon going out to hit all the inboxes one final time!
You know the deal; if you're into web dev news close to the platform (HTML, CSS, JS and browser updates), you should check it out (and subscribe for next year)!
www.stefanjudis.com/blog/web-wee...
You know the deal; if you're into web dev news close to the platform (HTML, CSS, JS and browser updates), you should check it out (and subscribe for next year)!
www.stefanjudis.com/blog/web-wee...
I'm getting ready to send out this week's Web Weekly newsletter later today. It'll be the last one for 2025.
If you're into web dev news very close to the platform, you should check it out! 👇
webweekly.email
If you're into web dev news very close to the platform, you should check it out! 👇
webweekly.email
December 8, 2025 at 7:45 AM
I'm getting ready to send out this week's Web Weekly newsletter later today. It'll be the last one for 2025.
If you're into web dev news very close to the platform, you should check it out! 👇
webweekly.email
If you're into web dev news very close to the platform, you should check it out! 👇
webweekly.email
Reposted by Stefan Judis
🎙️ Had a ton of fun interviewing @stefanjudis.com , the author of Web Weekly (my favourite JS newsletter). We talked about the process behind building the newsletter to 6k+ subs, the craft of web dev, learning deep vs learning broad, AI, MCP, and more. Enjoy!
👉 youtu.be/_RpYq0ypx68
👉 youtu.be/_RpYq0ypx68
🎙️ Stefan Judis - author of Web Weekly on Career sustainability, AI, and Long term craft
YouTube video by Js-Craft Academy
youtu.be
December 4, 2025 at 8:46 AM
🎙️ Had a ton of fun interviewing @stefanjudis.com , the author of Web Weekly (my favourite JS newsletter). We talked about the process behind building the newsletter to 6k+ subs, the craft of web dev, learning deep vs learning broad, AI, MCP, and more. Enjoy!
👉 youtu.be/_RpYq0ypx68
👉 youtu.be/_RpYq0ypx68
Reposted by Stefan Judis
CSS Weekly #629
🏔️ Range Syntax for Style Queries
🎯 New layouts with CSS Subgrid
🧠 Intro to CSS if Statements
Featuring @una.im, @joshwcomeau.com, @sunkanmifafowora.bsky.social, @stefanjudis.com, @tylersticka.com, @amitsheen.bsky.social, @innocenzi.dev, @cbolson.bsky.social. 🙏
cssw.io/issue-629
🏔️ Range Syntax for Style Queries
🎯 New layouts with CSS Subgrid
🧠 Intro to CSS if Statements
Featuring @una.im, @joshwcomeau.com, @sunkanmifafowora.bsky.social, @stefanjudis.com, @tylersticka.com, @amitsheen.bsky.social, @innocenzi.dev, @cbolson.bsky.social. 🙏
cssw.io/issue-629
CSS Weekly Issue #629
Learn the new range syntax for CSS style queries and the if() function, the exciting new things you can do with subgrid, and more.
cssw.io
December 3, 2025 at 5:06 PM
CSS Weekly #629
🏔️ Range Syntax for Style Queries
🎯 New layouts with CSS Subgrid
🧠 Intro to CSS if Statements
Featuring @una.im, @joshwcomeau.com, @sunkanmifafowora.bsky.social, @stefanjudis.com, @tylersticka.com, @amitsheen.bsky.social, @innocenzi.dev, @cbolson.bsky.social. 🙏
cssw.io/issue-629
🏔️ Range Syntax for Style Queries
🎯 New layouts with CSS Subgrid
🧠 Intro to CSS if Statements
Featuring @una.im, @joshwcomeau.com, @sunkanmifafowora.bsky.social, @stefanjudis.com, @tylersticka.com, @amitsheen.bsky.social, @innocenzi.dev, @cbolson.bsky.social. 🙏
cssw.io/issue-629
Reposted by Stefan Judis
I was dealing with client-side cookies the other day and, of course, I used `document.cookie`. This API is "something", isn't it?
But then I remembered that `cookieStore` is a thing today, and it makes cookie handling way easier! 👇
developer.mozilla.org/en-US/docs/W...
But then I remembered that `cookieStore` is a thing today, and it makes cookie handling way easier! 👇
developer.mozilla.org/en-US/docs/W...
December 2, 2025 at 9:31 AM
I was dealing with client-side cookies the other day and, of course, I used `document.cookie`. This API is "something", isn't it?
But then I remembered that `cookieStore` is a thing today, and it makes cookie handling way easier! 👇
developer.mozilla.org/en-US/docs/W...
But then I remembered that `cookieStore` is a thing today, and it makes cookie handling way easier! 👇
developer.mozilla.org/en-US/docs/W...
I was dealing with client-side cookies the other day and, of course, I used `document.cookie`. This API is "something", isn't it?
But then I remembered that `cookieStore` is a thing today, and it makes cookie handling way easier! 👇
developer.mozilla.org/en-US/docs/W...
But then I remembered that `cookieStore` is a thing today, and it makes cookie handling way easier! 👇
developer.mozilla.org/en-US/docs/W...
December 2, 2025 at 9:31 AM
I was dealing with client-side cookies the other day and, of course, I used `document.cookie`. This API is "something", isn't it?
But then I remembered that `cookieStore` is a thing today, and it makes cookie handling way easier! 👇
developer.mozilla.org/en-US/docs/W...
But then I remembered that `cookieStore` is a thing today, and it makes cookie handling way easier! 👇
developer.mozilla.org/en-US/docs/W...
Reposted by Stefan Judis
I'm a bit late, but this week's Web Weekly will hit all the inboxes in just a little bit!
If you care about the web platform and browser features, you should check it out!
www.stefanjudis.com/blog/web-wee...
If you care about the web platform and browser features, you should check it out!
www.stefanjudis.com/blog/web-wee...
December 1, 2025 at 10:09 PM
I'm a bit late, but this week's Web Weekly will hit all the inboxes in just a little bit!
If you care about the web platform and browser features, you should check it out!
www.stefanjudis.com/blog/web-wee...
If you care about the web platform and browser features, you should check it out!
www.stefanjudis.com/blog/web-wee...
I'm a bit late, but this week's Web Weekly will hit all the inboxes in just a little bit!
If you care about the web platform and browser features, you should check it out!
www.stefanjudis.com/blog/web-wee...
If you care about the web platform and browser features, you should check it out!
www.stefanjudis.com/blog/web-wee...
December 1, 2025 at 10:09 PM
I'm a bit late, but this week's Web Weekly will hit all the inboxes in just a little bit!
If you care about the web platform and browser features, you should check it out!
www.stefanjudis.com/blog/web-wee...
If you care about the web platform and browser features, you should check it out!
www.stefanjudis.com/blog/web-wee...
It's Monday and you know what this means. 🫣 Later tonight, the new Web Weekly will hit over 6k inboxes.
If you're into platform-close web dev news (you know HTML, CSS, JS and standards), you should check it out!
webweekly.email
If you're into platform-close web dev news (you know HTML, CSS, JS and standards), you should check it out!
webweekly.email
December 1, 2025 at 10:45 AM
It's Monday and you know what this means. 🫣 Later tonight, the new Web Weekly will hit over 6k inboxes.
If you're into platform-close web dev news (you know HTML, CSS, JS and standards), you should check it out!
webweekly.email
If you're into platform-close web dev news (you know HTML, CSS, JS and standards), you should check it out!
webweekly.email
Reposted by Stefan Judis
It's December 1st, which means that throughout the entire month you should reserve 5-10 minutes every day to read a fantastic article about HTML. ❤️🔥
Check out what's hidden behind the first door.
htmhell.dev/adventcalendar
Check out what's hidden behind the first door.
htmhell.dev/adventcalendar
December 1, 2025 at 7:48 AM
It's December 1st, which means that throughout the entire month you should reserve 5-10 minutes every day to read a fantastic article about HTML. ❤️🔥
Check out what's hidden behind the first door.
htmhell.dev/adventcalendar
Check out what's hidden behind the first door.
htmhell.dev/adventcalendar
Reposted by Stefan Judis
A bit of a vulnerable post by me but we need your help to get us through what has been a more difficult period than 2020.
It would be really appreciated if you could read and share in your networks too 💛
bell.bz/its-been-a-v...
It would be really appreciated if you could read and share in your networks too 💛
bell.bz/its-been-a-v...
It’s been a very hard year - Andy Bell
Unlike a lot of places in tech, my company, Set Studio/Piccalilli has no outside funding. Bootstrapped is what the LinkedIn people say, I think. It’s been a hard year this year. A very hard year...
bell.bz
November 27, 2025 at 4:23 PM
A bit of a vulnerable post by me but we need your help to get us through what has been a more difficult period than 2020.
It would be really appreciated if you could read and share in your networks too 💛
bell.bz/its-been-a-v...
It would be really appreciated if you could read and share in your networks too 💛
bell.bz/its-been-a-v...
I've worked on a dark/light themed site and went all-in using `light-dark()`. So far, I've thought that I can use it as a `prefers-color-scheme` replacement...
I learned that there are some differences in how they treat `color-scheme`. 👇
www.stefanjudis.com/today-i-lear...
I learned that there are some differences in how they treat `color-scheme`. 👇
www.stefanjudis.com/today-i-lear...
November 27, 2025 at 8:54 AM
I've worked on a dark/light themed site and went all-in using `light-dark()`. So far, I've thought that I can use it as a `prefers-color-scheme` replacement...
I learned that there are some differences in how they treat `color-scheme`. 👇
www.stefanjudis.com/today-i-lear...
I learned that there are some differences in how they treat `color-scheme`. 👇
www.stefanjudis.com/today-i-lear...
Reposted by Stefan Judis
This week's Web Weekly is just about to hit all the inboxes! 🥂
If you care about the web platform you should check it out!
www.stefanjudis.com/blog/web-wee...
If you care about the web platform you should check it out!
www.stefanjudis.com/blog/web-wee...
![Web Weekly 176
- light-dark() vs @media
- The enterkeyhint attribute
- The new random() function
- string[] or Array<string>
- Component styles with @scope
- :scope in querySelector()](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:w2nz7d2phfbrzyembuw7oxjj/bafkreidw3gtcsb3q7yc4mclf5sgfnm4zbhl4bssdvgdu7jmvu5otz7ayzi@jpeg)
November 25, 2025 at 6:29 AM
This week's Web Weekly is just about to hit all the inboxes! 🥂
If you care about the web platform you should check it out!
www.stefanjudis.com/blog/web-wee...
If you care about the web platform you should check it out!
www.stefanjudis.com/blog/web-wee...
This week's Web Weekly is just about to hit all the inboxes! 🥂
If you care about the web platform you should check it out!
www.stefanjudis.com/blog/web-wee...
If you care about the web platform you should check it out!
www.stefanjudis.com/blog/web-wee...
November 25, 2025 at 6:29 AM
This week's Web Weekly is just about to hit all the inboxes! 🥂
If you care about the web platform you should check it out!
www.stefanjudis.com/blog/web-wee...
If you care about the web platform you should check it out!
www.stefanjudis.com/blog/web-wee...
Reposted by Stefan Judis
TIL that MDN has a ctrl+k search
November 23, 2025 at 1:30 AM
TIL that MDN has a ctrl+k search
There are plenty of color palette generators out there, but I must say the COLORPALETTE PRO is by far the best-looking one! 😲
colorpalette.pro
colorpalette.pro
November 24, 2025 at 6:09 PM
There are plenty of color palette generators out there, but I must say the COLORPALETTE PRO is by far the best-looking one! 😲
colorpalette.pro
colorpalette.pro
And, as every Monday, I'm getting ready to send out this week's Web Weekly newsletter.
If you're into web dev news very close to the platform, you should check it out! 👇
webweekly.email
If you're into web dev news very close to the platform, you should check it out! 👇
webweekly.email
November 24, 2025 at 1:05 PM
And, as every Monday, I'm getting ready to send out this week's Web Weekly newsletter.
If you're into web dev news very close to the platform, you should check it out! 👇
webweekly.email
If you're into web dev news very close to the platform, you should check it out! 👇
webweekly.email
🥰
Unedited, behind the scenes of recording a podcast episode. This week's guest was @stefanjudis.com , the author of the wonderful Web Weekly newsletter webweekly.email. Full episode coming soon.
November 24, 2025 at 11:42 AM
🥰
This is wild!
Gitlogue is a CLI tool that takes a Git repo and transforms it into a CLI cinematic replay show. I really don't know when I'd need this, but it's cool as heck!
github.com/unhappychoic...
Gitlogue is a CLI tool that takes a Git repo and transforms it into a CLI cinematic replay show. I really don't know when I'd need this, but it's cool as heck!
github.com/unhappychoic...
November 24, 2025 at 9:31 AM
This is wild!
Gitlogue is a CLI tool that takes a Git repo and transforms it into a CLI cinematic replay show. I really don't know when I'd need this, but it's cool as heck!
github.com/unhappychoic...
Gitlogue is a CLI tool that takes a Git repo and transforms it into a CLI cinematic replay show. I really don't know when I'd need this, but it's cool as heck!
github.com/unhappychoic...
Can we quickly appreciate how powerful CSS has become and what a beautiful snippet this is? 👏
una.im/range-style-...
una.im/range-style-...
November 20, 2025 at 9:31 AM
Can we quickly appreciate how powerful CSS has become and what a beautiful snippet this is? 👏
una.im/range-style-...
una.im/range-style-...