Stefan Judis

Guten Tag! Guten Tag! 👋 Have you heard of BEMoji? Do you know what a CloseWatcher is for? And how confidently do you use aria-label? Turn on the Web Weekly tune and find some answers below. Enjoy! ::: song by="Mike" title="Dandy Livingstone - Suzanne Beware of the Devil" youtube="Z1oKcitiKKU" I've...

Guten Tag! Guten Tag! 👋 Have you heard of the new HTML element? Do you use round() in your CSS? And do you cancel requests with AbortSignal.timeout? Turn on the Web Weekly tune and find some answers below. Enjoy! Steven listens to Humanity's Last Breath - Godhood and says: Truly heavy music doesn’t...

Guten Tag! Guten Tag! 👋 Have you heard that the new Git version makes rewriting history easier? Did you ever combine multiple CSS keyframe animations? And have you played with the new HTML in canvas API yet? Turn on the Web Weekly tune and find some answers below. Enjoy! Paweł listens to Hird - Kee...

Guten Tag! Guten Tag! 👋 Do you use image-set for background images in CSS? Have you used Wakamai Fondue to analyze your variable fonts? And do you know that field-sizing isn't only about textareas? Turn on the Web Weekly tune and find some answers below. Enjoy! Jesper listens to Yttling Jazz — "Ill...

Guten Tag! Guten Tag! 👋 Are you excited about sizes="auto" landing in browsers? Did you ever run into issues with the bfcache and didn't know what to do? Or are you looking for a native way to lazy load videos? Turn on the Web Weekly tune and find some answers below. Enjoy! Boris listens to Wheatus...

Guten Tag! Guten Tag! 👋 Have you heard about the CSS sticky spec change? Or have you used the position-visibility property before? And are you aware of the new JavaScript features landing in 2026? Turn on the Web Weekly tune and find some answers below. Enjoy! Mark listens to "Jet Black" by Fletchr...

Today I learned that Intl allows you to format numbers with currencies or units! console.log( new Intl.NumberFormat("de-DE", { style: "currency", currency: "EUR" }).format(123456789), ); // "123.456.789,00 €" console.log( new Intl.NumberFormat("ja-JP", { style: "currency", currency: "JPY" }).format(...

I've just read Absorbing unknown Into the Type Realm. It's a good read, check it out. However I also learned an important difference between TypeScript type guards and assertion functions. And to be fair, I didn't even know assertion functions were a thing in TypeScript. Let's look at a standard typ...

Guten Tag! Guten Tag! 👋 Have you heard of focusgroup? Did you try aliases in Node.js imports already? Or do you know that CSS is available in JavaScript? Turn on the Web Weekly tune and find some answers below. Enjoy! Mario listens to "Ethel Cain - Waco, Texas" and says: This is my kind of opera. D...

Guten Tag! Guten Tag! 👋 Are you struggling to understand why your anchor positioning doesn't work? Did you know that there's a window.stop() method? And did you ever wonder how to apply a theme color to Safari? Turn on the Web Weekly tune and find some answers below. Enjoy! I am listening to "KRAFT...

Today I learned something groundbreaking about URLs! You know that when you're templating HTML and you're dealing with attribute values, it might make sense to break things into pieces. I like to have one attribute per line and sometimes even break the attribute values into multiple lines. Long URLs...

Guten Tag! Guten Tag! 👋 Have you heard of Chrome's soft navigations? Do you parse the sec-fetch header to prevent CSRF? Or do you know that elements with overflow: hidden are still scrollable? Turn on the Web Weekly tune and find some answers below. Enjoy! Pablo listens to ROSALÍA - Berghain and sa...

If you follow this blog for a while, you might know that I focus on tech topics and try to be very rational and neutral in my writing. I usually am too afraid of "pissing off". Maybe, it's the current state of the world or that I'm just getting older, but certain things just get to me and I want to...

Guten Tag! Guten Tag! 👋 Have you ever struggled with lazy loading videos? Or have you used CSS zoom before? And do you know what Map.getOrInsertComputed does? Turn on the Web Weekly tune and find some answers below. Enjoy! André listens to "Ordinary" by Alex Warren and says: This is genuinely one o...

You probably know that you can use the scale function scale() or even just scale property to transform and change an element's size. The thing with scale is that it only changes visual appearance and the layout size of the target element remains the same. Today I learned there's also the zoom proper...

Eric wrote about how to instruct an LLM to fetch the "valuable stuff" from the ARIA Authoring Practices Guide (APG). The article includes some points about APG itself that are worth highlighting. And what's the valuable stuff? If you don't know the Authoring Practice Guide, here's what you'll see af...

Guten Tag! Guten Tag! 👋 Have you checked what's included in Interop 2026? Do you know about the using declaration in JavaScript? And are you excited about the new ways to style select elements? Turn on the Web Weekly tune and find some answers below. Enjoy! Paweł listens to "Tarika Blue - Topic" an...

Chrome 144 shipped new CSS pseudo-classes! ::search-text { background: var(--blue); color: white; } ::search-text:current { background: var(--blue-darker); color: white; text-decoration: currentColor solid underline; } The classes are so new that there aren't MDN pages yet, but I'm super excited abo...

Guten Tag! Guten Tag! 👋 Have you had a look at the new Navigation API (baseline newly available) already? Do you know about the formmethod and formaction HTML attributes? And are you as excited about custom invoker commands as I am? Turn on the Web Weekly tune and find some answers below. Enjoy! Mi...

Guten Tag! Guten Tag! 👋 Will you use Chrome's new HTML element? Are you excited about CSS anchor positioning going baseline? And do you know what a self-closing really does? Turn on the Web Weekly tune and find some answers below. Enjoy! Olivier listens to "Shelf Lives - Where Did I Go?" and says:...

I've learned something new about ARIA today! You probably know the first rule of ARIA: If you can use a native HTML element or attribute with the semantics and behavior you require already built in, instead of repurposing an element and adding an ARIA role, state, or property to make it accessible,...

Guten Tag! Guten Tag! 👋 Do you use iterator helpers in JavaScript? Have you heard of scroll-triggered CSS animations? Are you excited about Temporal? Turn on the Web Weekly tune and find some answers below. Enjoy! Paweł listens to "Mtume - Juicy Fruit" and says: Everyone has heard "Juicy" by The No...

My Mac was running out of disk space the other day, and because I wasn't in the mood to hunt for custom solutions, I reached for Clean My Mac. It's a nice tool, and I knew it would do the job just fine. It freed up 60GB in about twenty minutes. Nice! Cleaning up disk space without any hassle was wor...

How do you know that you can trust someone? I struggle to answer this question objectively because trust feels like such a subjective matter. Some people just don't "sit right with me," and that's okay. I also can't expect that I'm trusted and liked by everyone. That's okay, too. But why is it so ha...

Here's a quick and handy addition to the Firefox DevTools. Whenever you debug CSS that's full of CSS variables, it becomes annoyingly hard to parse everything going on in the DevTools because the custom properties are cluttering :root or * or whatever. Firefox 145 (released Nov 11, 2025) now added a...

Jim is, as always, on point. My desire to give you constructive feedback is in direct correlation to your effort to care — about your communications, about what you ship, even about what you don't ship. Shipping something unfinished, half-assed or broken to "gather feedback" just won't do any good....

Frohes Neues! 👋 Do you wonder what the final masonry CSS syntax will look like? Do you use the dialog element to its fullest potential? And are you excited about CSS @scope entering baseline? Turn on the Web Weekly tune and find some answers below. Enjoy! Mohamed listens to LAW NASYANY and says: I...

Node.js continues to follow the lead of competing runtimes and implements more and more userland features. Loading .env files was one of these features that's been solved in userland (dotenv has 46m weekly downloads) since I started writing Node.js code almost 15 years ago. Today I learned that Node...

I just stumbled over this package: @pierre/diffs. @pierre/diffs is an open source diff and code rendering library. It's built on Shiki for syntax highlighting and theming, is super customizable, and comes packed with features. The package just hit v1 and seems to be pretty new. The docs live on diff...

I've been working on the new Web Weekly website and implemented the fairly new View Transition Types to trigger different view transitions depending on specific actions. I discovered that the usual feature detection doesn't work. Let's dive in! View Transitions support is still fairly new across bro...

Simon Willison published "Your job is to deliver code you have proven to work". It frustrates me that the developer community is at a point in which posts like this need to be written, but let me share some highlights. [Coworkers submitting huge untested PRs is] a dereliction of duty as a software d...

Guten Tag! Guten Tag! 👋 Do you preload your responsive images? Have you heard of the new text-grow CSS property? And do you know that the strong HTML element isn't really announced by screen readers? Turn on the Web Weekly tune and find some answers below. Enjoy! Paweł listens to "Nightmares On Wax...