RSSAmplifier

Blog

Stefan Judis Web Development

All my blog posts

stefanjudis.comRSS feed ↗25 posts

Latest posts

Web Weekly #197 (#blogPost)

Guten Tag! Guten Tag! 👋 Are you ready for the closedby attribute? Will you measure elements with containertiming ? And do you use CSS infinity ? Turn on the Web Weekly tune and find some answers below. Enjoy! ::: song by="Paweł" title="GUTS 'METIS'" youtube="8RK6NKTKYUg" This one was recommended to me by Apple Music while driving back home last week. The moment I heard it for the first time I put…

Michelle Barker on Stage Fright (#note)

Here's Michelle on public speaking . I really feel this post. There was a time when I traveled the world to give conference talks. Two or three conferences a month weren't unusual. Today, this lifestyle seems impossible to me. The jetsetting disappeared with Covid and unfortunately was replaced by chronic anxiety. Michelle's words stir up a lot of feelings for me right now. You know without a…

Web Weekly #196 (#blogPost)

Guten Tag! Guten Tag! 👋 Do you know what shipped in the new JavaScript version? Do you know about all the fancy anchor positioning features yet? And do you use CSS zoom ? Turn on the Web Weekly tune and find some answers below. Enjoy! ::: song by="Olivier" title="Connor Price & Nic D - Too Easy" youtube="zOVkU-P3SyA" It's been on repeat in my playlist for the past two weeks since I watched an…

Escape from Average (#note)

Wilto is working on extending his "JavaScript for Everyone" course , and I love this statement : If you don’t have a deep understanding of your output, the best result you can hope for is “average” — the best you can hope to be, as a developer, is “average.” If you’re not honing your craft, you stagnate. So does your team. So do your wages. So does the web. I still want to be believe that aiming…

Web Weekly #195 (#blogPost)

Guten Tag! Guten Tag! 👋 Did you check out the new WebKit grid-lanes resources already? Do you "view transition" with match-element ? And have you heard of HTML streaming maybe becoming a thing? Turn on the Web Weekly tune and find some answers below. Enjoy! ::: song by="Pablo" title="GENER8ION - STORM starring Yung Lean" youtube="x6_mbnsh6VU" I loved the cinematography, choreography and the whole…

Web Weekly #194 (#blogPost)

Guten Tag! Guten Tag! 👋 Did you keep track of the new Safari features? Do you know how to style CSS gaps? And do you worry about the future of the web? Turn on the Web Weekly tune and find some answers below. Enjoy! ::: song by="Paweł" title="Djrum - Waxcap" youtube="jQtvKD-h7bs" Wifey doesn’t like when this one is playing loud, but this one meant to be listened loud. Djrum is not for everyone,…

Web Weekly #193 (#blogPost)

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 been on a big Jamaican ska kick lately and I can't get enough of this song. It's a great way to…

Web Weekly #192 (#blogPost)

Guten Tag! Guten Tag! 👋 Have you heard of the new <install> 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! ::: song by="Steven" title="Humanity's Last Breath - Godhood" youtube="4QEA3FpqKUE" Truly heavy music doesn't need high BPM, blast beats and millions of notes. Sometimes all…

Web Weekly #191 (#blogPost)

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 - Keep You Kimi and says: No chance I remember how this one landed on my playlist, but this is a solid,…

Web Weekly #190 (#blogPost)

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 — "Illegal Hit" and says: This is a song that helps me keep my head up during winter and look forward to…

Web Weekly #189 (#blogPost)

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 - Teenage Dirtbag and says: I'm currently rediscovering Teenage Dirtbag and the story behind the…

Web Weekly #188 (#blogPost)

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 Fletchr and says: An anthemic crashing guitar explosion, "Jet Black" ruined a perfectly good nap in…

Intl can localize units, too! (#tilPost)

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 ( 123456789 ) , ) ; // "¥123,456,789" console . log ( new Intl .…

The scope of type guards and assertion functions (#tilPost)

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 type guard. ts interface User { name : string ; } // standard type guard function isUser ( value :…

Web Weekly #187 (#blogPost)

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. Do you want to share your favorite song with the Web Weekly community? Hit reply ; there are four…

Web Weekly #186 (#blogPost)

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 " KRAFTKLUB - Marlboro Mann " and say: I've seen Kraftklub live twice so far. The first time I was…

Web Weekly #185 (#blogPost)

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 says: Rosalía's Berghain (& the LUX album) are real masterpieces. Berghain has passages in German,…

New lines are removed from WHATWG URLs (#tilPost)

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 are always tricky, because you can't break these apart... < a class = " something something_else…

Web Weekly #184 (#blogPost)

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 of the most beautiful songs I've ever listened to. It landed instantly on my short-list playlist of…

Nobody owes you anything (#blogPost)

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 establish writing as a healthy coping mechanism. So! I've just read a post about Anthropic's recent…

How to scale elements and their layout with CSS "zoom" (#tilPost)

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 property . zoom "really" scales the element and its layout. Check this out! [Interactive component: visit…

Notes on relying on the ARIA Authoring Practices Guide (#note)

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 after finding it online looking for ARIA patterns. As you see above, the guide is supposed to teach…

Web Weekly #183 (#blogPost)

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" and says: This one is another sample that I was shocked to discover. My beloved Erykah Badu used a…

Web Weekly #182 (#blogPost)

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! Mike listens to "Is It Making You Feel Something?" by Superchunk and says: One of my all-time favorite…

How to style the found search / "find in page" substrings (#tilPost)

Chrome 144 shipped new CSS pseudo-elements! ::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 about this tiny search improvement. I'm pretty quick with hitting CMD + F because…