FE Bits Vol.33 | Vercel April Security Incident, sizes="auto" Ends Responsive Image Pain | Weekly

This article has been machine-translated from Chinese. The translation may contain inaccuracies or awkward phrasing. If in doubt, please refer to the original Chinese version.

About This Newsletter

This issue's URL: https://blog.cosine.ren/post/weekly-33
This newsletter aims to be updated every Sunday.
Subscribe via RSS.
WeChat public account: FE Bits (前端周周谈 FE Bits). Click "read original" to view the source article.
QQ discussion group 598022684 / Discord server

This newsletter's content is also open-sourced at fe-bits-weekly. Feel free to follow along.

Today is April 26, 2026, Sunday.

Random Musings

I've been feeling like the writing has gotten a bit stale lately, so I'm starting a casual column where I share random things I find interesting — not limited to tech. Could be a fun fact, a thought, something I used ages ago that resurfaced this week, or just me rambling about whatever.

How to live a happy life? A light-hearted topic.

Eat well, drink well — don't feel guilty about spending money on things that make you happy.
Your physical and mental health come first. This isn't about consumerism; it's about not feeling guilty for spending on yourself.
If you're unhappy and need a break, take one. If you want to slack off, go for it.
Compare less — comparison is the thief of joy.
Have an anchor for your happiness — a person, a hobby, a goal, anything that gives you something to hold onto when things get rough. (Yes, casually running a build for fun totally counts as an anchor.)

On relationships:

You often see people online lamenting that they'll never find a partner or that their life is over for various reasons.
Setting aside the trolls, the premise of finding a partner is that you also need to work on becoming someone worth loving. If you don't even like yourself, why would someone else?
Even when you do find someone, it will never be perfect. There's no such thing as a perfectly compatible person, so don't set impossibly high standards. You're not perfect either — finding someone willing to grow together with you is already pretty great.
Most importantly: don't make any one thing your entire life. There's so much more — friends, family, hobbies. Putting all your happiness on one person creates too much pressure and isn't fair to either of you.

That's all I'll say. I hope everyone finds their own happiness — whether it's a relationship or something else entirely. Wishing you all joy!

Personal Updates

Jumped into vacation mode early this weekend, didn't look at much tech. Honestly should rename this to Cosine Weekly Bits (lol).

Playing Reverse: Otherverse — been hyped since last year's mid-year BW and it's finally out. The scenery absolutely gets me; a big part of why I play is for the environments and the anime aesthetic. Stunning landscapes, and rain, snow, clear skies, sunrises and sunsets each have their own beauty. Plus you can do aerial photography.

A cherry blossom tree scene I stumbled upon, perfectly matched with the weather at the time.

A railway track I found by chance……

Happened to teleport to a waypoint at sunset — a moment of serene beauty.

Stained glass in a side-quest church…… forgive the screenshot quality — it's way more stunning in-game.

Already bought a spacious apartment in-game.

The city in this game truly feels alive — every shop can be seamlessly entered. Boss designs are also impressive, like driving into that undersea tunnel anomaly.

Sometimes I think I'm so childish — playing games, watching monthly anime, eating good food, and that's enough to keep me satisfied. Twenty-some years of rinse and repeat.

Chatting with my sister, I realized that college students still deal with the same old drama as always. Next week is the May Day holiday and I'll be traveling to Japan for the entire break — super excited.

Ecosystem & Community Updates

What's New in WebGPU (Chrome 147-148): Covers the latest WebGPU updates in Chrome 147 and 148, including WGSL indexing extensions and Linux platform support improvements.
Vercel April 2026 security incident: Vercel disclosed an April 2026 incident in which a third-party AI tool led to internal system and environment variable exposure. The breach originated from the compromise of Context.ai, a third-party AI tool used by a Vercel employee. The attacker used it to take over the employee's Google Workspace account and infiltrate Vercel's internal systems, resulting in unauthorized access to some customers' Environment Variables. Vercel has since partnered with Google Mandiant to remediate the issue, confirmed that npm packages were unaffected, and strongly recommends that affected users rotate credentials immediately and enable MFA.
The end of responsive images: Responsive images standard co-author Mat Marquis announces that with full browser support for sizes="auto", developers can finally stop manually calculating and writing complex sizes attributes.

Articles

Constructable Stylesheets and adoptedStyleSheets: One Parse, Every Shadow Root: A deep dive into how Constructable Stylesheets enable efficient CSS reuse and single-parse optimization across Shadow Roots in Web Components, reducing memory usage and improving rendering performance.
Git 2.54's experimental git history command explained: Explores Git 2.54's new git history command and how its "deterministic execution" philosophy simplifies history modification logic and avoids conflicts.
Shopify speed optimization guide: A deep dive into Shopify performance bottlenecks with practical fixes ranging from image compression and JS deferred loading to font subsetting.
The 2026 technical SEO checklist: A comprehensive guide on optimizing crawling, indexing, and performance in the age of AI search, with a focus on Generative Engine Optimization (GEO).
Inverting CSS shapes with shape(): Shows how to use clip-path: shape() with the evenodd fill rule to toggle a shape between its normal and inverted forms via a simple variable switch.

Tools

Math Curve Loaders: loading animations based on mathematical curves: A collection of loading animations generated from mathematical formulas, supporting multiple curve types and real-time parameter tweaking — blending mathematical elegance with practical utility.

jameskerr/react-arborist: A fully-featured tree view component for the React ecosystem, aiming to deliver an interaction experience on par with the VSCode sidebar, Mac Finder, or Figma's layers panel.

Fun Sites

False Earth: a million-blade grass landscape powered by WebGPU: An infinite procedural landscape with millions of interactive grass blades, built with WebGPU and Three.js — showcasing the frontier of high-performance graphics rendering.

Recreating Apple's Vision Pro Animation in CSS: Explores how to recreate Apple's complex Vision Pro scroll-triggered disassembly animation using only modern CSS (scroll-driven animations), with responsive adaptation.

See the Pen bNweEOB by undeadinstitute (@undeadinstitute) on CodePen.