My Tech Weekly

Community highlights: Vercel discloses a security breach caused by a compromised third-party AI tool; sizes="auto" reaches full browser support, finally ending the era of hand-written sizes attributes. Curated articles cover Git 2.54's experimental git history command, Shopify performance optimization, and the 2026 technical SEO guide. Fun sites include the WebGPU-powered million-blade grass landscape False Earth and a pure-CSS recreation of Apple's Vision Pro scroll animation.

This issue shares the blogger's April anime picks and a post-checkup weight-loss flag. Community highlights — MUI v9 syncs its major version with MUI X, Chrome 148 Beta ships native video/audio lazy loading, and Google declares war on "back button hijacking". Curated articles cover the squash & stretch principle for web animation, vertical codebase architecture, the Intl API, and TanStack's alternative take on React Server Components. CSS new features focus on multi-column wrap and pure-CSS date range selection. Tools include the Zig+WASM high-performance web terminal wterm, the animated React component library Animata, and the React Photo Album gallery component.

The axios supply chain attack incident and prevention tips, JetStream 3.0 cross-browser benchmark release, Babylon.js 9.0, and a collection of articles on CSS new features including contain, shape(), and subgrid.

Community highlights: TypeScript 6.0 officially released as a transitional version between 5.x final and Go-rewritten 7.0, Next.js 16.2 introduces a stable cross-platform Adapter API, and Safari 26.4 brings 44 new features including CSS Grid Lanes and WebTransport. Article picks cover Addy Osmani's warning on AI comprehension debt, the deep constraints behind React's design choices, and pure CSS dynamic connectors. The CSS section focuses on corner-shape and scroll-driven animations, showcasing how new features can replace JavaScript UI libraries. Personal updates include AI-assisted programming daily life, a 2025 year-end review, and travel notes.

This issue focuses on JavaScript's native JSON module implementation and the CSS corner-shape property unlocking more UI corner shapes. Community highlights feature Claude Code's official Telegram and Discord plugins. Articles cover migrating from Moment.js to the JS Temporal API, choosing Deno or Bun over Node.js, an empirical study on frontend memory leaks, and a deep dive into JPEG compression algorithms. CSS new features also include @supports at-rule() for detecting @rule support. The fun sites section recommends a Montreal-themed WebGL experiment. In personal updates, the blogger shipped Astro-Koharu v3.2.0, shared experiences with a custom AI bot as a study buddy, and integrated Bangumi anime tracking.

This issue highlights major frontend toolchain updates: Vite 8.0 replaces esbuild with Rust-based Rolldown for 10-30x faster builds; Astro 6.0 introduces a rebuilt dev server and live content collections; Evan You announces Void, a native deployment platform built for Vite. Featured articles cover the Popover API, virtual scrolling for billions of rows, pure CSS odometer animations, and the Sanitizer API as a safer alternative. CSS new features spotlight border-shape geometric box models. Personal updates share the story of building a custom AI bot and seasonal anime recommendations.

This issue marks the newsletter's return after the Chinese New Year break, along with the open-source release of MoePeek, a lightweight macOS text-selection translator (Swift 6, ~5MB/50MB). Community highlights: React Foundation moves under the Linux Foundation, TanStack launches Hotkeys, Oxfmt enters Beta (100% Prettier rule compatibility, multi-format support & Tailwind class sorting), and Claude Code introduces Remote Control. The so-called 'CSS exploit' turns out to be a Chromium UAF. Featured articles cover safer Error.isError, explicit resource management with using/[Symbol.dispose], bulletproof React components, virtual scrolling for billions of rows, and practical CSS techniques for lists/zoom/sprites. CSS new features spotlight border-shape. Tools & toys include Modern CSS Snippets, CanWeUse aggregator, broz screenshot browser, SVG Studio, plus curated CodePens and fun sites.

This issue covers the author's new music playlist and player features for the blog, supporting multiple music lists and custom syntax, along with Moe Copy AI updates and dark mode. It also compiles the latest web platform developments including progress on Vite, Gatsby, Oxc, and more, plus practical techniques like CSS Anchor Positioning and no-JavaScript video embedding, showcasing the frontend ecosystem's continuous evolution and innovation.

本周前端技术动态聚焦于CSS Grid Lanes、React安全修复与性能优化、浏览器引擎共识进展，以及AI工具（如Claude Code）的进阶使用场景。文章深入探讨了Web开发中的新特性、最佳实践与工具创新，涵盖从布局优化到AI辅助编码的全链路实践。

This issue focuses on two hot topics in frontend — performance and animation. Rolldown officially releases 1.0 RC with 10-30x bundling speedup powered by Rust. Anime.js v4.3 introduces auto layout animation, greatly simplifying complex interface transitions. Chrome 145 fixes the long-standing 100vw scrollbar issue and supports nested overscroll effects. Meanwhile, Vercel launches the agent skills platform skills.sh, and CSS Anchor Positioning brings new "follow-the-leader" layout patterns. The author also updates Moe Copy AI v0.3.0 with new UI and shares experiences with Electron on MAS and astro-koharu's local editor development.

This issue — jQuery 4.0.0 officially released after nearly a decade with comprehensive modernization; Chrome 145 finally gets experimental vertical tab support; the Astro team joins Cloudflare while continuing to focus on framework core development; Vercel releases React best practices ruleset to help AI write better code; plus V8 performance benchmarks, the evolution of Markdown, and the "Death to Scroll Fade" read.

This issue covers personal and project updates — Discord public server launched, Koharu theme v2 released and listed on the Astro store with new Koharu CLI (backup/restore, theme updates, content generation, backup management), and Moe Copy AI listed on Firefox. Technical focus on CSS @scope becoming widely available and the ViteLand December recap (Oxc with dozens of times performance gains, Vite 8 Beta native plugins, Vitest introducing OpenTelemetry and fs cache, Rolldown optimized chunking and options). Featured articles on Temporal, Web Install API, modern Hooks, bundle size reduction, accelerometer/Three.js/WebGL effects, and more. Tools and inspiration including DiceBear, online dithering tool, and GitHub .png/.keys tricks. Also recommending Addy Osmani's 21 lessons from 14 years and various fun sites/CodePen picks.

This issue covers personal projects and frontend news, including CSS-only LQIP (Low Quality Image Placeholders) for the blog, a toggleable Christmas effects module, and the Moe Copy AI plugin v0.2.0 update. Also introduces new CSS features like text-decoration-inset, anchor positioning fallback detection, and container style queries, along with frontend community highlights and useful tools.

This issue covers attending FEDAY 2025 in Changsha and personal blog updates — porting the Fumadocs-style mobile TOC, adding LQIP for images with significant performance improvements. Frontend news includes shadcn 3.6 launching customizable component libraries, a Storybook v7+ security advisory about .env leaks during builds, TanStack Start adding Vue support, and Chrome DevTools 144 supporting per-request throttling. Tips section shares fixing dashed line scaling with SVG vectorEffect. Featured articles and CodePen picks on React/CSS/WebGPU/GSAP.

This week's newsletter covers new "zero-backend" related recommendations and AI summaries added to the site, cached incremental builds with zero deployment overhead. On the ecosystem front, RSC discloses new vulnerabilities (now patched), Three.js r182 released, Deno 2.6 introduces dx, TypeScript 7 native toolchain makes significant progress, and multiple CSS new features advance.

This week's newsletter covers blog UI updates and renaming to astro-koharu, domain migration to blog.cosine.ren, and plans for a self-built comment system with legacy comment migration. Community highlights include WebGPU gaining full major browser support, Ant Design 6 release, Edge's new site-level extension toggle, npm supply chain attack, TanStack Pacer release, and Better Auth 1.4 update, plus curated articles, CSS new features, tools, and code examples.

This issue: Git 2.52 introduces Rust for the first time; Cloudflare outage; Angular v21 focuses on AI; CSS progress: Masonry grid-lanes, Chrome 144 anchor transform awareness.

This issue focuses on the newsletter site launch with a call for suggestions, pnpm 10.21 security improvements, TC39 Tokyo agenda, Node 25.2 Type Stripping going stable, Chrome width/height animation and CSS container query range progress, plus curated fun sites/Codepens including Visual Types and JS Engines Zoo.

This issue focuses on Chrome's split view experiment, Rspack 1.6 performance and output optimizations, npm token security tightening, curated animation and typography practices (text-wrap, pure CSS staggering, View Transitions), deep-dive articles (JS Source Maps, sticky/clipboard), plus tool updates including Storybook 10, htmx 4.0, React Email 5, and CodePen inspiration.

Chrome 142 launches, GitHub's annual report crowns TypeScript and AI becomes standard, Vercel supports Bun, VoidZero secures Series A, ViteConf/React Conf major updates, plus curated picks on CSS Typed Arithmetic and anchor positioning.

Quick overview of this issue: Next.js 16 released, ChatGPT Atlas debuts, Cloudflare Sandbox launches; RSC performance testing; URLPattern enters Baseline; CSS new features and ColorMate.

Quick overview of this issue: Unpacking Cloudflare Workers CPU performance benchmarks; Firefox 144 supports View Transitions; Bun 1.3; React Native 0.82 New Architecture; Next.js 16 Beta; Node.js 25 performance upgrades.

Holiday combined issue: React Compiler's first stable version v1.0 released, React Foundation established; Vite documentary and Vite+ launch; Chrome auto-revokes notification permissions; ElevenLabs UI and Coinbase CDS open-sourced; CodePen picks showcase WebGL, Anchor Positioning, and more inspiration.

This issue at a glance: Chrome launches DevTools MCP to empower AI, Nuxt UI v4/Pro goes open source and free; Cloudflare releases Email Service private beta; npm strengthens supply chain security; Webflow sponsors Astro; Wasm 3.0 released. Selected articles on image optimization, findLast, Subgrid/@starting-style, and practical tools. No update next week for National Day holiday — newsletter website development begins.

This issue focuses on frontend security and browser updates: Cloudflare's postmortem on a dashboard outage caused by useEffect misuse, NPM 'Sandworm' supply chain attack alert, pnpm introduces delayed installation to reduce risk; Chrome 140 and Safari 26 ship multiple features, Browserslist supports Baseline; plus selected articles on CSS 2025 new capabilities, dependency management, and practical tools.

Remotion stops in-house development and sponsors Mediabunny instead; npm author Qix and the DuckDB team both had their accounts compromised, with malicious code injected into multiple popular packages, triggering a supply chain security crisis. Articles cover font features, React Native new architecture migration, ES2023 safe array methods, the Rust-built JS runtime Andromeda, CSS refraction and color dynamics tricks, and more. Fun tools include an SVG Path editor, animation-first ForgeUI, image comparison library BlazeDiff, and others. Deno 2.5 updates permission management.

This article explores the "what changes and what stays" of frontend development. On one hand, external technology forms like CSS standards, build tools, and frameworks are constantly iterating; on the other hand, core design principles like state management, component decomposition, rendering optimization, and maintainability have always existed. The article reminds developers to grasp long-lasting principles amid technological trends while also appreciating frontend's unique quality as a medium for creative expression. The subsequent content also covers ecosystem updates, new CSS features, community articles, fun projects, and figure collections, showcasing the vibrancy and diversity of the frontend community.

This issue focuses on the Nx supply chain attack, Remix v3 pivoting to Preact, Firefox experimental PWA, and Chrome DevTools network panel AI. Practice and tutorials cover sendBeacon reporting, font loading best practices, hidden=until-found, Big O, and Semver performance. CSS features include interpolate-size, corner-shape, Anchor Positioning, pure CSS elevator, and deep dives into clip/offset-path. Tools and releases include CSS HDR Gradients, LiftKit, electron-liquid-glass, Uppy, plus ESLint parallel linting, Zod Codecs, Node 24.7, Rspack 1.5, and Prisma 6.15.

This week's frontend weekly summarizes Next.js 15.5, React Native 0.81, TC39 progress, and the Win11 patch controversy. Recommended articles cover RSC practices, Chrome's built-in AI API, LLM limitations, and various tools and libraries.

This week's frontend weekly covers updates including GitHub CEO resignation, Microsoft shutting down Lens, RSLint release, and more. Focus areas include CSS attr(), anchor positioning, PostCSS experience retrospective, AI tool practices, open-source project evolution, and community reflections. Tool recommendations include CSS-Questions, self.so, Online CSS Analyzer, Omnara AI supervisor, and more, plus practical CSS new features and development resources.

This week's issue focuses on ecosystem and community updates, with highlights including V8 engine doubling JSON.stringify performance, Vite npm weekly downloads surpassing Webpack for the first time, and Vite ecosystem developments like Rolldown startup speedups and Oxlint type-aware linting progress. Content covers npm, Deno community news, new CSS features, in-depth articles (Tree Shaking, RAG, character encoding), and tool/library updates including AwesomeIndex and Kibo UI.

This is the inaugural issue of FE Bits, a weekly frontend digest. It curates and summarizes the latest developments in the global frontend ecosystem, including important technical updates, article recommendations, tool and library updates, and in-depth analysis of high-quality industry content. Topics covered include TypeScript, React, CSS Masonry, Web security, Node.js/Bun, next-gen frontend architecture (Remix 3), Web interactive effects, and indie development practices.