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-30 This newsletter aims to update every Sunday. Subscribe to the RSS feed. WeChat Official Account: FE Bits (前端周周谈 FE Bits). Click the original link to view the full article. QQ discussion group 598022684 / Discord server
The newsletter content is also open-sourced at fe-bits-weekly. Follow for updates.
Today is March 29, 2026, Sunday.
Personal Updates
First of all, I finally managed to finish my year-end review!
- 2025, Spontaneous Travel Notes: The travel section split from the year-end review, documenting my 2025 travel footprint
- 2025, A Year of Stepping Out of the Comfort Zone: A personal year-end review about depression, growth, and documenting life
And some random thoughts:
- Sharing a Bilibili video "Complete! Revision! Two months of using AI animation to create the perfect ending for Oshi no Ko"
Yes yes, this is the correct use of AI — AI is meant to fill in our regrets 😭
- Ai-chan daily — proactively pushing little sister to study
- Da Miao found some markers and decided to cosplay an apple right there (lol). Saw this written on the door and couldn't stop laughing
This issue is still a short one~
Community Updates
-
TypeScript 6.0 Officially Released: As a transitional version bridging 5.9 and 7.0 (the Go language rewrite), it brings configuration default updates, practical new features, and multiple deprecation warnings
-
Next.js 16.2 Releases Cross-Platform Adapter API: Introduces a stable Adapter API in collaboration with OpenNext, Netlify, Cloudflare, and other platforms, solving multi-platform deployment compatibility issues
-
Safari 26.4 Released with CSS Grid Lanes and WebTransport: Brings 44 new features and 191 fixes, with core highlights including CSS Grid Lanes for masonry layout, WebTransport low-latency communication protocol, and Keyboard Lock API
-
Cheng Lou on X: "My dear front-end developers……": Cheng Lou released a pure TypeScript, userland, fast, accurate, and comprehensive text measurement algorithm, aiming to revolutionize Web UI layout by eliminating dependence on CSS and DOM measurement, unlocking more efficient and complex interface designs.
- The project is open-sourced on GitHub: chenglou/pretext
- A very fun Chika dance demo: finally the web has become interesting again
Articles
-
New to the web platform in March: An overview of new web platform features in March 2026, covering the latest updates in Chrome 146, Firefox 149, and Safari 26.4, including CSS scroll-triggered animations, Grid Lanes, JS Iterator.concat, and CloseWatcher
-
Pure CSS Dynamic Connector Lines Between Two Circles with Distance Calculation: A pure CSS solution using CSS Anchor Positioning, trigonometric functions, and container queries to achieve dynamic connector lines and distance calculation between two circles
-
Shadow DOM Focus Delegation: Getting delegatesFocus Right: An in-depth look at the role and best practices of the delegatesFocus property in Web Components
-
Dropdowns in Scrollable Containers: Why They Break and How to Fix Them: Analyzes the root cause of dropdown menus breaking inside scrollable containers, and provides multiple solutions including Portal, Anchor Positioning, and Popover API
-
Comprehension Debt: The Hidden Cost of AI-Generated Code: Explores the comprehension debt that comes from over-reliance on AI-generated code, emphasizing the importance of deep human understanding of systems
-
The Deep Constraints Behind React's Design Choices: SolidJS creator Ryan Carniato reveals the async constraint nature behind React's deferred state commitment and Effect dependency array design
-
When All You Can Do Is All or Nothing, Do Nothing – CSS Wizardry: When you can't precisely determine optimization conditions, for performance hints like
loading=lazyandfetchpriority=high, doing nothing is often the safer and better choice. -
Iterator.concat: An iterator concatenation method supported by both Chrome 146 and Safari 26.4, creating new iterators by concatenating existing ones, now Baseline Newly available
-
CloseWatcher Interface: Newly supported in Firefox 149, allowing developers to implement components that can be closed via native device close mechanisms (Esc key, Android back button), behaving consistently with built-in dialogs and popovers
CSS New Features
-
CSS Scroll-Triggered Animations Have Arrived: Chrome 146 introduces declarative animation control based on scroll position, using the trigger-scope property to isolate trigger names and offloading animation work to worker threads for better performance
-
Experimenting with Scroll-Driven Corner Shape Animations: Explores how to combine the new CSS corner-shape property with scroll-driven animations to achieve dynamic corner shape effects
-
The Great CSS Expansion: Gradually Replacing JavaScript UI Libraries: Introduces over 10 new CSS features including Anchor Positioning, Popover API, and Scroll-Driven Animations that can replace approximately 322 kB of JavaScript code
If you enjoyed this, leave a comment~