惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Google DeepMind News
Google DeepMind News
TaoSecurity Blog
TaoSecurity Blog
T
Threat Research - Cisco Blogs
Cisco Talos Blog
Cisco Talos Blog
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
T
Tenable Blog
C
Cybersecurity and Infrastructure Security Agency CISA
GbyAI
GbyAI
Microsoft Security Blog
Microsoft Security Blog
N
Netflix TechBlog - Medium
AWS News Blog
AWS News Blog
Security Latest
Security Latest
L
LINUX DO - 热门话题
Blog — PlanetScale
Blog — PlanetScale
T
Threatpost
Stack Overflow Blog
Stack Overflow Blog
Vercel News
Vercel News
S
Securelist
I
Intezer
D
Darknet – Hacking Tools, Hacker News & Cyber Security
H
Heimdal Security Blog
T
The Exploit Database - CXSecurity.com
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
The Hacker News
The Hacker News
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
H
Hackread – Cybersecurity News, Data Breaches, AI and More
U
Unit 42
The Register - Security
The Register - Security
NISL@THU
NISL@THU
S
Schneier on Security
M
MIT News - Artificial intelligence
The Last Watchdog
The Last Watchdog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Hugging Face - Blog
Hugging Face - Blog
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
Hacker News - Newest:
Hacker News - Newest: "LLM"
Y
Y Combinator Blog
Know Your Adversary
Know Your Adversary
罗磊的独立博客
MongoDB | Blog
MongoDB | Blog
美团技术团队
W
WeLiveSecurity
P
Privacy International News Feed
Forbes - Security
Forbes - Security
H
Hacker News: Front Page
小众软件
小众软件
博客园 - 【当耐特】
P
Proofpoint News Feed
P
Privacy & Cybersecurity Law Blog
T
Tor Project blog

Stefan Judis Web Development

Michelle Barker on Stage Fright Escape from Average (#note) Web Weekly #195 Web Weekly #194 Web Weekly #193 Web Weekly #192 Web Weekly #191 Web Weekly #190 Web Weekly #189 Web Weekly #188 Intl can localize units, too! The scope of type guards and assertion functions Web Weekly #187 Web Weekly #186 Web Weekly #185 New lines are removed from WHATWG URLs Web Weekly #184 Nobody owes you anything How to scale elements and their layout with CSS "zoom" Notes on relying on the ARIA Authoring Practices Guide Web Weekly #183 Web Weekly #182 How to style the found search / "find in page" substrings Web Weekly #181 Web Weekly #180 ARIA roles can remove their children’s semantics Clean up your Mac with open source The Trust Equation Firefox DevTools hides unreferenced CSS variables
Web Weekly #196
2026-07-13 · via Stefan Judis Web Development

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!

Olivier says:

It's been on repeat in my playlist for the past two weeks since I watched an Android Gemini Intelligence ad... :D

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


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

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


Web Weekly Housekeeping 

This week's bag of karma points goes to Chris, Spike, Dan, James, and Gerrit, who all started to support Web Weekly financially. This brings the supporter count to mind-boggling 53. After subtracting the cost of sending and hosting, Web Weekly makes now a bit under $150 per month.

Thank you all for supporting indie publishing. ❤️

Something that made me smile this week 

A dark cartoon-like graphic showing two avatars. One avatar says "you there?"

Aerospace engineer Cauê added a town square to his site (scroll to the bottom) and this brings back strong vibes of when the internet used to be fun. The project is open source if you want to have a place on your site for people to hang out.

Talk to strangers

No code 

Anchor positioning 

.card {   anchor-name: --card;   anchor-scope: --card, --card-actions;    .secondary-actions {     anchor-name: --card-actions;   } }

I'm still wondering about anchor positioning (baseline newly available) use cases beyond the tooltip example. Emil explains how multiple anchors help out with creating clickable card overlays. Fancy stuff!

    @container anchored(fallback: bottom) {       padding: 24px 16px 16px 16px;       margin-top: 8px;       border-shape: var(--upwards-caret);     }

And if that's not enough anchoring, Josh explains how to get started with anchor positioning. But don't be fooled, the post gets into advanced topics like the anchored container query and position-try-fallbacks quickly.

Inaccessible grid lanes 

.grid-lanes {   display: grid-lanes;   grid-template-columns: repeat(3, 1fr);   flow-tolerance: 0; }

Safari shipped display: grid-lanes. Chromium's working on it. But what does it mean for accessibility when grid items are free-flowing and reordering themselves? Can an adjusted flow-tolerance help? Manuel asks the same questions and cautiously proposes a very interesting solution.

Be aware

The color-scheme and prefers-color-scheme disconnect 

@container style(--dark: false) { .card {     box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); } }

Ollie described a fact that tripped me up big time:

There’s an unfortunate disconnect between color-scheme and the prefers-color-scheme media query. prefers-color-scheme reflects the OS settings — regardless of the color-scheme value. If you’re providing an in-page toggle that implements dark mode, you can’t adopt the prefers-color-scheme media query.

So what do you do about it? The post has some web platform answers.

Use the new and fancy

Linked CSS params 😱 

img {   link-parameters: param(--color, green); }  .foo {   background-image: url("image.svg", param(--color, green)); }

So! If you're dealing with SVG icons you probably know the pain of overwriting colors. Patrick listed missing SVG features and as it turns out there's a new spec in the making that allows controlling CSS variables from "the outside". And I didn't test it, but he says that it's shipping in Firefox already!

Control your SVGs

The wonderful weird web – Roland 50 

Two synthesizer interfaces.

The music nerds will love this one!

Produce

Deno and Vercel invest in desktop apps? 

Toolkit for building native desktop apps

Honestly, I'm up for opinions here. The new Deno release now supports building desktop apps. When I saw this I was confused. Didn't Deno lay off people and isn't the money in providing hosting and infrastructure? Odd.

But then I also saw Vercel pushing for building Zig and web-based desktop apps with Native SDK?

Honestly, what is going on? Is this about market share? I don't get it.

Wiggly range sliders 

Three wiggle range sliders

What you see above aren't canvas or SVG elements. These three range sliders are classical range inputs with some CSS magic. I've got no idea how Temani comes up with that stuff.

Wiggle

New things in ECMAScript 

What's new in ECMAScript 2026

It's already a tradition and I'm happy to see that Paweł is still summarizing the new JavaScript features. Check out what's coming to JavaScript.

Use the language

Riding the cutting edge of CSS 

.custom-select::picker(select) {   min-block-size: calc-size(fit-content, min(size, 12em)); }

Jake went on a journey to "improve" the sizing behavior of customizable selects (Chromium-only so far) and oh boy... he goes into anchor positioning, stretch and fit-content, and calc-size. I'm sure you'll find more than one rabbit hole to dive into here.

Select

Rapid fire 

Random MDN – Cross-document view transitions 

@view-transition {   navigation: auto; }

From the unlimited MDN knowledge archive...

Quick reminder, cross-document view transitions can be enabled with a few lines of CSS. Safari and Chromium ship them, so you can add some polish to your static sites. No harm done for Firefox users.

Transition

TIL recap – zoom 

Two widgets showing the difference of `scale` and `zoom`.

A while ago I learned about valid use cases for the CSS zoom property. zoom? Yes, exactly. 😅

Scale up

Automatic baseline updates 

UI to configure baseline notifications.

I've got my own tooling for checking baseline updates, but if the Web Weekly updates aren't enough, webstatus.dev now lets you set up baseline notifications.

Stay up to date

Classifieds & friends 

My buddy Orçun is building AutoShelf and you should check it out if you want automated file organization.

Three valuable projects to have a look at 

A new Tiny Helper 

ua-tracer — what does a user agent actually fetch, follow & run?

If you've ever wondered what specific analyzer tools, user agents, or browsers execute when they crawl sites, ua-tracer helps out!

Check what's happening

Side note: the last time I mentioned that I'm not really sure about Tiny Helper's future because frankly I'm drowning in vibe code submissions. Some of you replied telling me that you really like this section. So, what should I do with it?

For now, I closed contributions to the project and this section will become optional. I'm annoyed by this because I'm a big fan of consistency, but let's see how this plays out.

Thought of the week 

This is a take I can get very much behind.

In an ideal world, the only AI-generated content I want to consume is the one I request myself.

Did you learn something from this issue? 

❤️ If so, join 53 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