Stefan Judis
LightNews LightNews
banner
stefanjudis.com
Stefan Judis
@stefanjudis.com
2.1K followers 310 following 540 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 · 2d
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...
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()
Reposted by Stefan Judis
bell.bz
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’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&#8217;s been a hard year this year. A very hard year...
bell.bz
November 27, 2025 at 4:23 PM
stefanjudis.com
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...
November 27, 2025 at 8:54 AM
Reposted by Stefan Judis
stefanjudis.com
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...
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()
November 25, 2025 at 6:29 AM
stefanjudis.com
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...
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()
November 25, 2025 at 6:29 AM
Reposted by Stefan Judis
nullvoxpopuli.com
TIL that MDN has a ctrl+k search
November 23, 2025 at 1:30 AM
stefanjudis.com
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
November 24, 2025 at 6:09 PM
stefanjudis.com
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
Web Weekly — Your friendly web dev newsletter.
November 24, 2025 at 1:05 PM
stefanjudis.com
🥰
danielnsts.bsky.social Daniel - Js Craft @danielnsts.bsky.social · 3d
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
stefanjudis.com
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...
November 24, 2025 at 9:31 AM
stefanjudis.com
Can we quickly appreciate how powerful CSS has become and what a beautiful snippet this is? 👏

una.im/range-style-...
/* Range style query in an if() statement */ .weather-card { background: if( style(--rain-percent > 45%): blue; else: gray; ); }
November 20, 2025 at 9:31 AM
stefanjudis.com
Let's pretend I didn't spend 1 1/2h debugging some weird Array behavior this week...

I even blogged about how strangely `Array.some` and `Array.every` behave when you use them with an empty array. Now, I might actually remember this weirdness. (I hope)

www.stefanjudis.com/notes/array-...
[].every((item) => item === 'great'); // true [].every((item) => item !== 'great'); // true [].some((item) => item === 'great'); // false [].some((item) => item !== 'great'); // false
November 19, 2025 at 6:09 PM
stefanjudis.com
If you dislike looking at AI "art", you're gonna love this comic. 👇

theoatmeal.com/comics/ai_art
If feels hopeless. Like there's no point in making anything because your average twelve-year-old can do it in seconds. Let's talk about AI art. AI art is an interesting technology because despite its growing popularity, nobody seems to want it.
November 19, 2025 at 9:31 AM
stefanjudis.com
Haha! 😅

There's nothing to see here; it's just the usual Super Mario Bros game running in your URL bar. 🫣

diego.horse/tiny-mario
November 18, 2025 at 6:09 PM
Reposted by Stefan Judis
geoffgraham.me
If you're not gonna bother writing it yourself, I ain't gonna bother reading it myself.

geoffgraham.me/if-youre-not...
If you're not gonna bother writing it yourself, I ain't gonna bother reading it myself. - Geoff Graham
Web Design & Development Straight Outta Fort Collins, CO.
geoffgraham.me
November 18, 2025 at 3:11 PM
stefanjudis.com
This page might easily become a reference for UX and accessibility focused Frontend engineers. 💯

> GitHub no longer uses toasts because of their accessibility and usability issues.

primer.style/accessibilit...
Toasts GitHub no longer uses toasts because of their accessibility and usability issues. Toasts pose significant accessibility concerns and are not recommended for use.
November 18, 2025 at 9:31 AM
stefanjudis.com
New on the blog: I learned that Node.js includes a native method for marking other methods as deprecated. 🎉

www.stefanjudis.com/today-i-lear...
import { deprecate } from "node:util"; /** * Returns a string value. * @deprecated This function is deprecated and will be removed in a future version. * @returns {string} The string 'something' */ export const getSomething = deprecate(() => { return 'something' }, 'watch out! something is deprecated!')
November 17, 2025 at 6:09 PM
stefanjudis.com
This week's Web Weekly is just about to go out and I think it turned out "very alright" this week. 🫣

If you want to keep up with all these new web platform features, you should check it out!

www.stefanjudis.com/blog/web-wee...
Web Weekly 175 command / commandfor attributes TypeScript support goes stable autocomplete="one-time-code" “Toasty” accessibility issues if() functions every() / some() gotchas
November 17, 2025 at 2:19 PM
stefanjudis.com
For the Raycast users: do you know that there's a "Confetti" command?

New on the blog: How to trigger confetti from the command line. 👇 It's almost too easy... 🫣

www.stefanjudis.com/notes/a-rayc...
November 17, 2025 at 9:31 AM
Reposted by Stefan Judis
stefanjudis.com
And I'm sitting down to write Web Weekly which will hit all the inboxes tmrw.

If you care about the web and are into web dev fundamentals (you know: HTML, CSS and JS), you should check it out! 👇

webweekly.email
Web Weekly — Your friendly web dev newsletter.
November 16, 2025 at 6:49 PM
stefanjudis.com
When someone calls custom CSS properties "CSS variables" something in me wants to reply "That's not what they're called!".

It's time to let this go, bc TIL the spec lives at "/css-variables". 😂

Here are some more convincing arguments to call them whatever you like.👇

blog.kizu.dev/css-variables/
CSS custom property lives at "https://drafts.csswg.org/css-variables/"
November 16, 2025 at 6:59 PM
stefanjudis.com
And I'm sitting down to write Web Weekly which will hit all the inboxes tmrw.

If you care about the web and are into web dev fundamentals (you know: HTML, CSS and JS), you should check it out! 👇

webweekly.email
Web Weekly — Your friendly web dev newsletter.
November 16, 2025 at 6:49 PM
Reposted by Stefan Judis
lukewarlow.dev
What are everyone's thoughts on WebKit's `<input type=checkbox switch>` control? Is it something you want other browsers to ship?
November 14, 2025 at 4:00 PM
stefanjudis.com
Be honest. Do you know the difference between these two TypeScript directives?

If not, I've got a little present for you. 👇

(And you probably don't want to use @ts-ignore)

www.stefanjudis.com/today-i-lear...
// @ts-ignore logify(123); // @ts-expect-error logify(123);
November 12, 2025 at 9:31 AM
stefanjudis.com
If you're struggling with long error chains and debugging gnarly bugs, introducing `error.cause` might be worth a try!

allthingssmitty.com/2025/11/10/e...
try { try { JSON.parse('{ bad json }'); } catch (err) { throw new Error('Something went wrong', { cause: err }); } } catch (err) { console.error(err.stack); console.error('Caused by:', err.cause.stack); }
November 11, 2025 at 6:09 PM
stefanjudis.com
Now that anchor positioning is slowly rolling out across browsers, it's time for some experiments! Here's how to use the web feature to create a moving focus indicator. 😲

css-tip.com/universal-fo...
November 11, 2025 at 9:31 AM