Stefan Judis (@stefanjudis) 's Twitter Profile
Stefan Judis

@stefanjudis

Weekly web dev news at webweekly.email.

I've left twitter... More at:

🐘 front-end.social/@stefan
🦋 bsky.app/profile/stefan…

ID: 380616577

linkhttp://www.stefanjudis.com calendar_today26-09-2011 23:19:52

18,18K Tweet

12,12K Followers

913 Following

Stefan Judis (@stefanjudis) 's Twitter Profile Photo

So Google released this new tool to access CrUX (Chrome User Experience Report) data about web performance metrics and I love the fact that the graphs are built with color-independent icons. 👏 👇 cruxvis.withgoogle.com

So Google released this new tool to access CrUX (Chrome User Experience Report) data about web performance metrics and I love the fact that the graphs are built with color-independent icons. 👏 👇 

cruxvis.withgoogle.com
Stefan Judis (@stefanjudis) 's Twitter Profile Photo

The new Web Weekly Newsletter is out.🥂 This time: ✅ Get started with screen reader testing on macOS and Windows ✅ A new CSS logo? 😲 ✅ CSS feature detecting of at-rules ✅ The two competing Masonry CSS standards ✅ Node.js v23 and `node --run` ✅ The state of Interop 2025

Stefan Judis (@stefanjudis) 's Twitter Profile Photo

💡 TIL — how to search for commits that added or removed a string. If you apply a search string (a condition, function call, or unique enough method name) to `git log` via `-S`, Git will return all the commits that added or removed the search string. Pretty neat!

💡 TIL — how to search for commits that added or removed a string.

If you apply a search string (a condition, function call, or unique enough method name) to `git log` via `-S`, Git will return all the commits that added or removed the search string.

Pretty neat!
Stefan Judis (@stefanjudis) 's Twitter Profile Photo

For the bloggers: the W3C WebDX Community Group released a web component to display web feature baseline info. Drop `baseline-status` into your HTML and display some juicy browser compat data. 💯 github.com/web-platform-d…

For the bloggers: the W3C WebDX Community Group released a web component to display web feature baseline info. 

Drop `baseline-status` into your HTML and display some juicy browser compat data. 💯

github.com/web-platform-d…
Stefan Judis (@stefanjudis) 's Twitter Profile Photo

The new Web Weekly is out. 🥂 This time: ✅ `display: flow-root` ✅ `requestSubmit()` ✅ the disturbing state of HTML whitespace rendering ✅ `git log -S` ✅ text fragment links? ➕ new tools and web platform updates. stefanjudis.com/blog/web-weekl…

The new Web Weekly is out. 🥂

This time:

✅ `display: flow-root`
✅ `requestSubmit()`
✅ the disturbing state of HTML whitespace rendering
✅ `git log -S`
✅ text fragment links?
➕ new tools and web platform updates.

stefanjudis.com/blog/web-weekl…
Stefan Judis (@stefanjudis) 's Twitter Profile Photo

Alright, this time it really looks like the old TechTwitter community could happen over at Bluesky. I had another look two days ago and it feels like the good old days. There's no ads, no nonsense, no drama, no hate and a UI that feels like the one we all loved. Come and join

Stefan Judis (@stefanjudis) 's Twitter Profile Photo

And I'm sitting down to write this week's Web Weekly, if you're into Frontend news going beyond the framework hype you know what to do. 👇 webweekly.email

And I'm sitting down to write this week's Web Weekly, if you're into Frontend news going beyond the framework hype you know what to do. 👇

webweekly.email
Stefan Judis (@stefanjudis) 's Twitter Profile Photo

🎭 For the Playwright devs. Recently, I learned about "automatic fixtures" and just published a new video sharing how to use them to implement global `beforeEach` and `afterEach` test hooks.💪 It was quite a ride, including annotations, attachments, and JS error monitoring. 😅

Stefan Judis (@stefanjudis) 's Twitter Profile Photo

Sitting down to write this week's Web Weekly newsletter. If you're into platform-close frontend news (you know, browser stuff, HTML, CSS, JS...), you might want to check out. 👇 webweekly.email

Sitting down to write this week's Web Weekly newsletter. If you're into platform-close frontend news (you know, browser stuff, HTML, CSS, JS...), you might want to check out. 👇

webweekly.email
Stefan Judis (@stefanjudis) 's Twitter Profile Photo

Super exited about this! My friends at Builder and I just kicked off a new series in which we'll look at modern designs / visual effects and rebuild them with modern CSS. 🎉

Stefan Judis (@stefanjudis) 's Twitter Profile Photo

🎭 Two weeks ago, I checked if Claude or ChatGPT could compete with Playwright's native Codegen features. The LLMs did a somewhat decent job if you spend the time to really "craft" a lengthy prompt that includes source code, coding conventions and a custom role. Of course,

Khaled Garbaya (@khaled_garbaya) 's Twitter Profile Photo

Apple locked me out of my developer account, preventing me from updating my apps on the App Store. They didn’t provide any explanation or reason, and since then I’ve reached out to them many times, without success. It's a freaking nightmare, Apple Support

Builder.io (@builderio) 's Twitter Profile Photo

Use the View Transition API to create smooth animations between DOM states with minimal CSS and JavaScript, replacing heavy animation libraries.

Checkly (@checklyhq) 's Twitter Profile Photo

Stop switching context between your IDE and the monitoring UIs! Most monitoring tools weren't built for the AI-first world. While you're coding seamlessly with Cursor and GitHub Copilot, you usually have to leave your code and configure monitors in another window. With

Stop switching context between your IDE and the monitoring UIs!

Most monitoring tools weren't built for the AI-first world. While you're coding seamlessly with Cursor and GitHub Copilot, you usually have to leave your code and configure monitors in another window.

With