Stefan
@stefanjudis.com
411 followers160 following
34 posts
Freelance dev sending Frontend news to 5.5k people over at webweekly.email. Sharing lots of tips'n'tricks on the way. Google Dev Expert and Playwright Ambassador
Pinned
‪Stefan‬ ‪@stefanjudis.com‬
·
11d
Since I'm also new here, I think it's time for a proper introduction... 👋 Guten Tag, I'm Stefan! I share nerdy webdev details, blog the things I learn (www.stefanjudis.com/today-i-learned/), and send a weekly Frontend newsletter about topics beyond the usual framework hype (webweekly.email).
Web Weekly — Your friendly web development newsletter
webweekly.email
‪Stefan‬ ‪@stefanjudis.com‬
·
16h
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
Web Weekly — Your friendly web dev newsletter.
ALT
‪Stefan‬ ‪@stefanjudis.com‬
·
1d
Just found this lovely collection of free animated SVG icons. Turns out all icons come with `framer-motion` (49KB zipped)... 🤔
Does any know of cute icons animated with CSS or SVG?
‪Stefan‬ ‪@stefanjudis.com‬
·
2d
🎭 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, logs & JS error monitoring. 😅 www.youtube.com/watch?v=hegZ...
An error occurred while loading the video. Please try again.
Reposted by
Stefan
‪Rach Smith‬ ‪@rachsmith.com‬
·
3d
real ones put it on the blog
‪Dave 🧱‬ ‪@darn.es‬
·
4d
Social media is pretty great to stay on top of what people are creating and sharing, but personal blogs are even better. Here's my #webdev #blogroll if you're looking for a list to get started with
Blogroll
A list of blogs I follow in my RSS reader
darn.es
Reposted by
Stefan
‪🤷 Nico Martin‬ ‪@nico.dev‬
·
6d
I created a
for
(#GDE) in
. Check it out if you want to find some inspiring people in the
ecosystem! bsky.app/starter-pack...
Google Developer Experts (GDE) for Web
Starter pack by ‪@nico.dev‬
A list of Google Developer Experts and Googlers in Web Technologies
Reposted by
Stefan
‪Jeremias Menicheli‬ ‪@jeremias.codes‬
·
4d
Important announcement!
@jsheroes.io
call for proposals is open 📢 click the link below and send your talk!
‪JSHeroes‬ ‪@jsheroes.io‬
·
4d
📣 Big news! 📣 We are kick-starting JSHeroes 2025 with opening the CFP! Check out our dedicated page for speakers: jsheroes.io/speak And send in your proposals until end of December! #JSHeroes2025 #javascript #conference #cfp
Take the stage at JSHeroes! Call for Papers open until December 31st
ALT
‪Stefan‬ ‪@stefanjudis.com‬
·
5d
Well... I've just sent out an email to 5k people with a pretty bad typo in subject line and text. 🤦‍♂️ Time to go to bed I think...
‪Stefan‬ ‪@stefanjudis.com‬
·
5d
The new Web Weekly is out and it's packed! 📰 This time: ✅ `width: stretch` ✅ `fetchpriority` going into baseline ✅ `box-decoration-break` ✅ sparse JavaScript arrays ✅ A JS default parameters fun fact. ➕ new tools and web platform updates. www.stefanjudis.com/blog/web-wee...
Web Weekly #145
`display: stretch`, `box-decoration-break` and `fetchpriority`...
www.stefanjudis.com
‪Stefan‬ ‪@stefanjudis.com‬
·
5d
I had to repost this one, because it had a typo. 🤦‍♂️:D
Reposted by
Stefan
‪Pablo Lara H.‬ ‪@pablolarah.bsky.social‬
·
5d
🛰️ Web Weekly 144 — unpredictable HTML whitespace rendering, `requestSubmit` and `flow-root` by
@stefanjudis.com
www.stefanjudis.com/blog/web-wee...
White title with small black text on duotone image of space station by Don Davis and Rick Guidice: Web Weekly 144 — unpredictable HTML whitespace rendering, `requestSubmit` and `flow-root`
ALT
‪Stefan‬ ‪@stefanjudis.com‬
·
5d
I'm still celebrating every new subscriber to my small newsletter Web Weekly. And today we passed 5400 subs. 🥰
Reposted by
Stefan
‪Jeremias Menicheli‬ ‪@jeremias.codes‬
·
5d
A little thing about me for the ones in here, I help organize this amazing conference every year, and we are here now. Follow and stay tuned, we have big news today!
‪JSHeroes‬ ‪@jsheroes.io‬
·
7d
Hello 🦋👋 🐻
‪Stefan‬ ‪@stefanjudis.com‬
·
6d
TIL — JavaScript default parameters can use earlier defined parameters. 🤯 Alex MacArthur shared how to use this feature to write the least readable `reduce` loops ever. 😅 macarthur.me/posts/siblin...
Two JavaScript code snippets. ``` // reuse `arg1` and set it as `arg2` function myFunc(arg1, arg2 = arg1) { console.log(arg1, arg2); } myFunc("arg1!"); // "arg1!" "arg1!" ``` ``` const numbers = [1, 2, 3]; // don't do this 😅 const total = numbers.reduce( (acc, value, _index, _array, result = acc + value) => result ); ```
ALT
‪Stefan‬ ‪@stefanjudis.com‬
·
6d
Today, I've learned that (in most shells) you can jump through the history via `ctrl+p` and `ctrl+n`? 😲 I'm usually terrible at learning new keyboard shortcuts, but this one feels worth it because I don't have to move my hands off the default keyboard position.
‪Stefan‬ ‪@stefanjudis.com‬
·
6d
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
Web Weekly — Your friendly web dev newsletter.
ALT
‪Stefan‬ ‪@stefanjudis.com‬
·
11d
I've just updated my site's social icons, so I guess I'm giving this here an official try. 🫣 So far, it feels great and like the good old tech twitter days... 😊
Stefan's website header including social links for LinkedIn, Mastodon, Bluesky and RSS.
ALT
‪Stefan‬ ‪@stefanjudis.com‬
·
12d
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...
`baseline-status` web component rendering browser support info.
ALT
‪Stefan‬ ‪@stefanjudis.com‬
·
13d
💡 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!
Example showing how `git log -S 'some string'` returns all commits that added/removed 'some string'
ALT
End of feed