我们是一群热爱前端、乐于分享的技术博主，不靠算法推荐，而是靠对技术趋势的敏锐嗅觉，手动为你筛选每周全球社区中最新、最热、最值得关注的前端文章。我们跟踪 Medium、Smashing、LogRocket、WebKit Blog 等一线平台，系统性追踪海外一手前端动态，用地道的技术语言为中文开发者重构内容。
🙎 团队介绍 | 💬 扫码进群 | 🌍 海外情报源清单 | 🐱Github
推荐语： 本期涵盖 Web Components 的跨框架探索 、CSS 新特性 random() 与字体性能优化 、Nuxt 4.0 发布 等重磅更新，还有不少关于前端 AI 工具（Kimi K2、Grok 4）的实测体验。可以说是 "标准 + 实践 + 新生态" 三线并行，值得逐篇细读。
Web 开发
🔹The web isn't URL-shaped anymore：互联网的发展让 URL 不再是核心入口，信息与交互的分布方式正在发生根本转变。 推荐指数：⭐⭐⭐⭐
🔹An Interactive Guide to SVG Paths：一个可交互的 SVG path 指南，帮你直观掌握曲线与路径绘制。 推荐指数：⭐⭐⭐⭐⭐
🔹Web Accessibility in Government: Common Misses and Practical Fixes：政府网站常见的无障碍问题，以及相应的实用解决方案。 推荐指数：⭐⭐⭐
🔹How To Build Framework-Agnostic UIs With Web Components：用 Web Components 构建不依赖框架的 UI，实现真正的跨框架复用。 推荐指数：⭐⭐⭐⭐
🔹Rendering mazes on the web：介绍如何在网页上渲染复杂的迷宫效果，兼具算法和表现力。 推荐指数：⭐⭐⭐
工具
🔹Quick Dark Mode Toggles：快速实现网页暗黑模式切换的小技巧。 推荐指数：⭐⭐⭐
🔹Announcing Oxlint Type-Aware Linting：新推出的 Oxlint，支持类型感知的代码检查。 推荐指数：⭐⭐⭐⭐
🔹Agentic AI for 5x less: Why Kimi K2 is a frontend game-changer：前端工作流里的 AI 新玩法，Kimi K2 提供低成本高效的 Agent 化能力。 推荐指数：⭐⭐⭐⭐⭐
🔹Does Gemini CLI fall short? Here's how Codex compares：对比 Gemini CLI 与 Codex CLI 的使用体验与不足。 推荐指数：⭐⭐⭐
🔹Using Grok 4 in the frontend development: Here's what I've learned：实测 Grok 4 在前端开发中的用法与心得。 推荐指数：⭐⭐⭐⭐
🔹Rspack Introduces Rslint, a TypeScript-First Linter Written in Go：Rspack 推出 Rslint，一个用 Go 编写的 TypeScript 优先 Linter。 推荐指数：⭐⭐⭐⭐
Demo
🔹How to draw a Space Invader：在网页上绘制经典游戏《太空入侵者》的像素小人。 推荐指数：⭐⭐⭐
🔹Exporting a Cloth Simulation from Blender to an Interactive Three.js Scene：把 Blender 布料模拟导出到 Three.js，实现交互式 3D 效果。 推荐指数：⭐⭐⭐⭐⭐
🔹3D Layered Text: Interactivity and Dynamicism：探索 3D 分层文字的交互与动态效果。 推荐指数：⭐⭐⭐⭐
🔹3D Layered Text: Motion and Variations：延伸 3D 分层文字的动画与多样化表现。 推荐指数：⭐⭐⭐
CSS
🔹You're loading fonts wrong (and it's crippling your performance)：揭秘常见的字体加载误区，以及它对性能的严重影响。 推荐指数：⭐⭐⭐⭐⭐
🔹corner-shape superellipse() generator：一个可视化工具，生成 CSS superellipse() 圆角。 推荐指数：⭐⭐⭐
🔹Rolling the Dice with CSS random()：Safari 引入的 random()，让 CSS 样式能带有随机性。 推荐指数：⭐⭐⭐⭐
🔹Obsessing Over Smooth radial-gradient() Disc Edges：如何让径向渐变的边缘更平滑自然。 推荐指数：⭐⭐⭐
🔹Un-Sass'ing my CSS：作者从 Sass 回归原生 CSS 的思考与实践。 推荐指数：⭐⭐⭐
🔹Making Sense of CSS Length Units：深入梳理各种 CSS 长度单位的意义与适用场景。 推荐指数：⭐⭐⭐⭐
🔹To Infinity... But Not Beyond!：Eric Meyer 的随笔，探讨 CSS 无限滚动与边界。 推荐指数：⭐⭐⭐⭐
JavaScript
理论
🔹Learning web development: Loops in JavaScript：系统讲解 JS 中各种循环的原理与使用场景。 推荐指数：⭐⭐⭐⭐
🔹What's Next for JavaScript?：展望 JavaScript 的未来发展方向与新特性。 推荐指数：⭐⭐⭐⭐⭐
🔹The joy of recursion, immutable data, and pure functions: Generating mazes with JavaScript：用递归和不可变数据生成迷宫的函数式玩法。 推荐指数：⭐⭐⭐⭐
React
🔹Build a simple React app with Deno：用 Deno 构建一个简单的 React 应用示例。 推荐指数：⭐⭐⭐
🔹Reflections on the React community：作者对 React 社区的观察与感悟。 推荐指数：⭐⭐⭐
🔹Is Next.js still developer-friendly?：评测 Next.js 现状，探讨它是否依然对开发者友好。 推荐指数：⭐⭐⭐⭐
🔹React-is-Awful --- A React Book for the Reluctant：一本吐槽风格的 React 小书，献给"不情愿使用者"。 推荐指数：⭐⭐⭐
Vue
🔹Nuxt 4.0 is here: What's new and what to expect：Nuxt 4.0 正式发布，盘点新特性与未来展望。 推荐指数：⭐⭐⭐⭐⭐