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!

Do you want to share your favorite song with the Web Weekly community? Hit reply; there are five more songs left in the queue.

The State of HTML survey results are in! And let me tell you, if you read them you'll definitely discover some new web technology things.

For me this year, the web dev features that the fewest people know about was the most interesting. Let's have a look.

Only 10% have heard of rel="expect". In combination with blocking="render" the new attributes enable smooth cross-document view transitions. Cross-document view transitions are still a Chromium-only thing, but once they ship in more browsers, it'll be time to check out these new attributes.

17% have heard of the Intl.Segmenter API. If you're wrangling text, you should definitely check this one out! It works across browsers, too, and I wrote about it in November 2022 already.

And lastly, only 20% have heard of hidden="until-found". Chromium has shipped the property to make content discoverable via search for ages, and Firefox and Safari are slowly getting there.

Either way, have a look at the survey results. I'm sure you'll discover some new things to learn!

If you enjoy Web Weekly, share it with your friends and family.

• 🦋 Bluesky
• 🐘 Mastodon
• 💼 LinkedIn

A quick "repost" really helps this indie newsletter out. Thank you! ❤️

A huge thank you and huge bag of karma points go to Nicolas this week. Thank you for supporting indie publishing by covering a small fraction of the cost it takes to send Web Weekly every week! ❤️

If you enjoy Web Weekly, too, join 33 supporters on Patreon or GitHub Sponsors. It really makes a difference!

Something that made me smile this week 

Have you ever noticed that if you use text-decoration: underline, the underline isn't aligned with the actual text? Daniel said this about "the problem":

I say it's a problem "we've" had rather sheepishly because maybe you, like some users, don't actually care. But if you're a funny bunny like me (I think "designer" is the technical term) then it most likely drives you crazy.

This made me smile because it seems like I'm "some users."

Align the line

No code 

• The Trust Equation with some fancy MathML.
• How the hell are you supposed to have a career in tech in 2026? with the banger line "Don't let your job get in the way of your career."

Browsers' third-party internals 

I'm gonna be honest here; I've never thought about how some browser APIs work internally. How does navigator.geolocation figure out the current location? Or how do all these fancy new LLMs in Chrome work? Kilian shares that certain APIs have third-party dependencies.

Makes total sense, and yet I'm surprised because I didn't even think about this fact.

Evaluate browser APIs

Performance DevTools tricks 

I warned you last week; last year's Web Performance calendar was so high-quality that multiple articles will make it into Web Weekly.

If you're debugging web performance, you shouldn't miss out; check these articles for some Chrome performance debugging tricks:

• Tips for making the Performance Panel less overwhelming
• Chrome DevTools for Debugging Web Performance

The "unhealthy" web ecosystem 

Lea reflects on the current state of web dependencies, and frankly, it's not great. Could we improve the current state to work without heavy bundler dependencies? I hope so!

Fix the web

How to avoid creating new arrays for everything 

I must admit I'm still confused about when to use iterator helpers. Matt gives some good pointers on when and why to use them.

Iterate

The wonderful weird web – poms.fun 

There's nothing to see here, it's just some Pomeranians having a walk...

Walk the dog

On CSS alignment... 

Disclaimer: you'll need some time for this guide. Temani explains all the details when it comes to CSS alignment. Do you wonder why we need place-content, place-self, and place-items in CSS? If so, this guide is for you!

Align

From the future: scroll-triggered CSS animations 

That's some funky CSS, isn't it? Scroll-triggered animations will land in Chrome 145 (we're currently on 143). Granted, there aren't many materials besides this blog post and the specs yet, but Bramus shares details about what's coming!

Trigger

Better date handling with Temporal 

Here's Mat talking about date handling in JavaScript:

I dislike Date immensely.

I feel you, Mat. I really do! But there's something better coming: Temporal. The new API will make date handling so much better. Browser support isn't there yet (Firefox ships it and Chromium and WebKit are working on it), but if you want to peek into the bright future, this nicely nerdy post will get you started.

Add one more day

And if this isn't enough: Phil also shared how to handle durations with Temporal.

A new checkbox switch polyfill 

I'm still unsure whether I think the switch checkbox attribute shipped by Safari was a good idea. But hey, if you fancy it, there's a new polyfill available.

Switch the checkbox

TIL — ARIA roles can change their children's semantics 

I learned a new thing about ARIA. Do you know that elements containing landmark roles like menu change their children's semantics?

Watch the tree

Random MDN – font-size-adjust 

From the unlimited MDN knowledge archive...

Did you know that you can adjust the size of lowercase letters relative to the size of uppercase letters with CSS? Now you do!

Adjust your fonts

TIL recap – git log -S 

Here's a quick Git tip: if you want to find when a code string entered the codebase, log -S is your friend!

Analyze the past

New on the baseline 

Big news for the declarative web: invoker commands entered the baseline! 🎉 command and commandfor now work across browsers. Huge!

Invoke

And if you're curious about a practical example: Aubrey shared how to control dialogs with the fancy invokers.

Three valuable projects to have a look at 

• schedule-x/schedule-x – A JavaScript event calendar.
• docmost/docmost – An open-source alternative to Confluence and Notion.
• tw93/Mole – Deep clean and optimize your Mac.

A new Tiny Helper 

Checking markup semantics and accessibility can be tough when it's littered with classes, data attributes, and framework markers. The HTML De-crapulator helps out if you want to check the "pure" HTML.

Clean up

Thought of the week 

I plugged Ibrahim's post last week already, but this line is too good not to share again. If you need to discuss "work from home" policies at work, this post includes some strong arguments.

Did you learn something from this issue? 

❤️ If so, join 33 other Web Weekly supporters and give back with a small monthly donation on Patreon or GitHub Sponsors.

This is all, friends! 

Loved this email? Hated this email? I want to hear about it!

If you think something needs improvement or something sparked some joy, reply to this email because I want to know more!

And with that, take care of yourself—mentally, physically, and emotionally.

I'll see you next week! 👋

Join 6.5k+ developers and