• Kimi 开源了最新模型 Kimi K2.6，主打 coding、长周期执行和 agent swarm 能力，并已开放给 Kimi.com、Kimi App、API 和 Kimi Code 使用。
• Apple 宣布一项重大高层交接：Tim Cook 将在 2026 年 9 月 1 日转任执行董事长，John Ternus 将接任 Apple CEO。
• SpaceX 在 X 上宣布，SpaceXAI 和 Cursor 将深入合作，目标是做出面向 coding 和知识工作最强的 AI。而且 Cursor 今年晚些可以选择被 SpaceX 以 60 billion 美元收购；如果不收购，则 SpaceX 需要为合作支付 10 billion 美元。
• Anthropic 短暂修改了 Claude 的定价页面，把 Claude Code 从 $20/月的 Pro 订阅移到 $100/月和 $200/月的 Max 订阅，引发大量争议后又迅速撤回。官方随后称这是面向约 2% 新订阅用户的小范围测试。
• GitHub 对 GitHub Copilot 个人版动手了：不仅收紧了用量，还暂停了个人订阅的新注册，并把 Claude Opus 4.7 只放进更贵的 Pro+ 套餐里。
• Qwen 发布了 Qwen3.6-27B，主打 27B dense 规模却给出接近旗舰级的 coding 表现，在 benchmark 上超过了上一代更大的 Qwen3.5-397B-A17B。
• OpenAI 发布了最新的图像模型：gpt-image-2 ，CJK 文字渲染能力大大提升。
• OpenAI 发布了 GPT 5.5，定位是更强的 agentic 工作流处理。（贵好多
• 万众期待下，DeepSeek 发布了 V4 预览版，并同步开源。核心变化是把上下文长度提升到 1M，同时推出两个版本，V4-Pro 面向更高性能场景，V4-Flash 面向更快、更经济的调用。

有趣

• Learn mahjong A visual guide

  一个关于麻将的视觉指南。

• Flipbook

  Flipbook 是一个实时生成的无限视觉浏览器，用户点开页面里的任意内容，就会继续生成更深入的图像页面。

工具

• Rspack 2.0

  Rspack 2.0 正式发布，这一版不只是继续 “更快的 webpack 替代品”，而是开始面向现代 JavaScript 生态重新调整默认行为、API 和产物形态。

• Trees

  The Pierre Computer Co. 又出了一个新的开源库，用于渲染文件树。

• privacy-filter

  OpenAI 发布了一个轻量级的开放权重模型，用于检测并在文本中去除 PII，旨在支持快速、本地、上下文感知的隐私过滤工作流。

• animal-island-ui

  动森主题的 React 组件库。

文章

• Details that make interfaces feel better

  一些 UI 细节优化小技巧。

• 阿里巴巴发布 AI 模型 Happy Oyster，可生成三维、可交互的视频内容，主要面向游戏开发，也可用于电影和电视剧制作。腾讯同日发布并开源混元 3D 世界模型 2.0，支持根据文字、图片、视频生成、重建和模拟 3D 世界，并可导出 Mesh、3DGS、点云等资产，接入现有游戏工作流。
• Qwen 发布了开源 MoE 模型 Qwen3.6-35B-A3B，总参数 35B、激活参数仅 3B，但在 Agent 编程、推理和多模态任务上表现很强。
• 在持续一周的算力不稳之后，Anthropic 发布了 Claude Opus 4.7：代码能力大幅提升，支持超高分辨率视觉。（但实际体验下来很多用户反馈不好
• Anthropic 推出了 Claude Design，一个让用户与 Claude 协作创建设计、原型、幻灯片和宣传物料的新产品，Figma 当晚股价又暴跌。（果然还是自己下场做 AI Design 工具了
• Google 在 Chrome 中原生支持了 Skills，让用户可以把常用 AI Prompt 保存成 “一键工具”，在需要时直接在 Gemini in Chrome 里运行。
• OpenAI 对 Codex 做了重大升级，让它从 “编程助手” 扩展成能跨应用、跨流程工作的工具（SuperApp）：支持了 Computer Use，能在电脑上操作应用、用浏览器和图像工具。
• Cloudflare Email Service 的 Email Sending 终于正式进入公测。（可以替代 Resend 了
• Vercel 内部系统遭黑客入侵，核心源码及敏感令牌被公开出售。

有趣

• claude-desktop-buddy

  Anthropic 官方开放了 Claude Claude/Cowork 的蓝牙 BLE 协议，方便开发者构建生态硬件产品。

工具

• pulsar

  一个面向 iOS、Android 和 React Native 的触觉反馈库，主打开箱即用的预设震动、可自定义的模式编排，以及支持手势驱动的实时触觉控制。

• Android CLI

  Google 推出了面向 agentic workflows 的一套 Android 开发工具：Android CLI、Android Skills 和 Android Knowledge Base，目标是在终端、CI 和第三方 AI agent 中更高效、规范地构建 Android 应用。

• Is Your Site Agent-Ready?

  Cloudflare 推出 Agent Readiness score 和 isitagentready.com，帮助网站评估自己对 AI agents 的 “可读、可发现、可授权、可交易” 程度，并通过 Cloudflare Radar 持续追踪相关标准的采用情况。

文章

• Squash and Stretch

  将动画中的 “squash and stretch（挤压与拉伸）”原则应用在 SVG 中。

• The Agent Stack Bet

  当前很多“生产级 agent” 最大的问题不是模型不够强，而是底层 agent stack 还不成熟：缺少可靠身份、统一上下文、长期持久执行能力和平台化支持。

• Building a CLI for all of Cloudflare

  Cloudflare 正在把 Wrangler 重建成一个覆盖 Cloudflare 全平台的 CLI，并推出了技术预览版的 CLI 包 cf。

• React Server Components Your Way

  TanStack 认为 React Server Components（RSC）不应该绑定成 “整套服务端优先架构”，而应该只是一个可被按需获取、缓存和组合的基础原语。它在 TanStack Start 中把 RSC 当作可流式传输的数据，并进一步提出 Composite Components，让客户端也能参与最终 UI 组合。

• 一行代码的事，Web 为什么做了三十年还没做到

  Web 之所以三十年都没能像原生平台那样通过 “一行代码” 查询文本排版结果，核心不是技术不够，而是 CSS 当年把 “声明式布局” 和 “排版结果可查询” 绑在了同一个黑盒里。这个设计在文档时代合理，但在应用时代成了性能和工程体验的长期负担。

• 写作中的 AI 味是哪儿来的

  AI 写中文之所以总有 “AI 味”，很大程度上是因为它带有明显的翻译腔：句子骨架像英文，词汇虽是中文，但表达方式不自然。

• Meta 发布了 Muse Spark，是 Meta Superintelligence Labs 的首个模型，主打原生多模态推理、工具使用、视觉思维链和多 Agent 协作，目标是走向 “personal superintelligence”。
• AWS 新推出了 S3 Files，让 Amazon S3 的 bucket 可以像文件系统一样被挂载和直接读写。
• Anthropic 启动 Project Glasswing 计划，向业界提供 Claude Mythos 模型 1 亿美元调用额度。（还说 Claude Mythos 太强大了，不能直接发布
• OpenAI 终于推出了 100 刀的 pro 版订阅，满足了 200 刀版用不上，plus 又不够用的需求。

有趣

• html-in-canvas

  html in canvas 是一个利用 canvas 定制 HTML 元素的提案，如果实现了能解锁很多场景。

工具

• comark

  一个框架无关的 markdown 解析和渲染库，streamdown 的替代品，支持流式渲染。

• agent-device

  一个面向 AI agent 的 CLI 工具，用来对 iOS、Android 及部分桌面平台进行可重复、会话化的 UI 自动化操作。

文章

• Under the hood of MDN's new frontend

  MDN 把旧的 React 前端重做了一遍，核心思路不是 “更炫”，而是把页面拆成更轻、更模块化的 Web Components + Server Components，让静态内容、交互组件和样式各司其职。

• Moving Railway's Frontend Off Next.js

  Railway 把整个前端从 Next.js 迁移到了 TanStack Start，原因主要是构建太慢、产品形态更偏客户端驱动、以及 Next.js 的 server-first 模式不再适合他们。整个迁移分成两次 PR 完成，零停机上线。

• What To Know in JavaScript (2026 Edition)

  这篇文章概览了 2026 年 JavaScript 生态的重点变化：语言层面上，ES2025/ES2026 带来了迭代器方法、Set 新方法、Temporal、资源管理、Array.fromAsync 等实用特性；生态层面则是 React、Vue、Svelte、Node、Bun、Deno、Vite、TypeScript、Next.js、Astro 等工具和框架持续演进，同时 npm 供应链安全问题也变得更值得警惕。

• 用 Claude Code 将三万行 Go 项目移植到 Rust：Agent Team 实践与 Harness 效率优化

  用 Claude Code 的 Agent Team 机制，把一个约 3 万行的 Go 代理内核 mihomo 重写为 Rust，并总结出一套可复用的工程化方法。

• The Intl API: The best browser API you're not using

  Intl 是浏览器内置的国际化格式化 API，几乎可以零成本地处理日期、时间、数字、货币、列表、复数、文本分词和排序等需求，很多场景都能替代 Moment.js、date-fns、Luxon、numeral.js 等库。它不仅更轻量、更快，还能自动适配用户的语言与地区习惯，减少格式错误和本地化 bug。

• Ollama 终于也支持 MLX 推理了。
• Qwen 发布了 Qwen3.6-Plus，主打 “面向真实世界的 Agent”，尤其强化了 Agentic 编程、工具调用、长上下文和多模态理解，并已通过 API 开放使用。
• Google 发布了 Gemma 4，主打更强的推理、agent 能力、多模态和长上下文，而且还能运行在从手机到高端 GPU 的各种设备上。
• Cursor 发布了最新版的 Cursor 3 ，也就是前阵子的 Cursor Glass ，UI 变得像 Codex App / Conductor 类似了。
• Claude Code 发布新版本到 npm 的时候，不小心带上了 soucemap ，导致源码被还原出来了。

有趣

• Walkman Land

  一个关于随身听的百科全书网站。

工具

• EmDash

  Cloudflare 推出了一个叫 EmDash 的新 CMS，把它定位成 WordPress 的 “精神继承者”，核心卖点是用 isolates / Dynamic Workers 把插件彻底隔离起来，解决 WordPress 长期存在的插件安全问题。

• pretext

  一个在 Web 上渲染动态文本的库，通过使用 Canvas 来解决了近三十年来的动态文本触发重排的性能问题，引起网友各种玩梗。

• Memoh

  一套个人 AI 基础设施，类似 OpenClaw。

文章

• AI 工程的真实代价：从 Claude Code 泄露源码看新模型接入的工程现实

  Claude Code 泄露的源码说明：把新模型接入一个成熟的 agentic 系统，真正的工程成本远比 “换个模型接口” 高得多。

• OpenAI 发布迄今最强大的小型模型 GPT-5.4 mini 与 GPT-5.4 nano，专为高频且对延迟敏感的任务设计。
• MiniMax 发布了 MiniMax M2.7，主打 “模型自我进化”：不仅能做复杂任务，还能参与优化自己的训练、评测和 Agent harness。
• Cursor 发布了自研模型 Composer 2 ，定位是兼顾能力和性价比的新一代 coding model。随后被网友扒出是基于 kimi k2.5 模型。
• TypeScript 发布了 6.0 正式版，清理了很多历史包袱，为即将到来的 TypeScript 7.0（native Go 版本）铺路。
• AI 开源供应链出现核爆级危机：LiteLLM 库遭到投毒，无数机密凭据 (SSH/API/ 云 /k8s 凭证等等) 被黑客窃取。
• Apifox 桌面端遭供应链投毒：CDN 脚本被篡改，窃取 SSH 密钥与 Git 凭证。
• Astral 宣布将加入 OpenAI 的 Codex 团队，但会继续维护并开源其核心 Python 工具（Ruff、uv、ty 等）。

有趣

• Web Rewind: A Journey Through 30 Years of the Web

  用现代技术回顾过去 30 年的 Web 历史，太酷了。

工具

• Cloudflare Dynamic Worker Loader

  Cloudflare 推出了 Dynamic Worker Loader，让 AI agent 可以把实时生成的代码直接跑在隔离的 Worker isolate 里，既快又轻，还更容易做安全隔离。

• liteparse

  一个面向 AI agents 的轻量级、model-free 文档解析工具，主打速度快、免费、无需 GPU。

• rtk

  一个用 Rust 编写的命令行代理工具，专门在把 shell 命令结果传给 LLM 之前做压缩和重写，从而把常见开发命令的 token 消耗降低约 60%–90%。

文章

• 你不知道的 Claude Code：架构、治理与工程实践

  一篇关于 Claude Code 的分析长文。

• Windows Native App Development Is a Mess

  Windows native app development 现在真的很割裂、很繁琐，框架一代接一代（Win32 / MFC / WinForms / WPF / WinRT / UWP / WinUI 3），但很多能力还是要回头去碰 Win32 和 P/Invoke。作者做了个小工具 Display Blackout，结果在开发、打包、分发、权限和 API 能力上一路踩坑，最后得出结论：如果不是特别想做 Windows 原生，很多人直接选 web stack、Electron 或 Tauri 反而更省心。

• Why is Claude an Electron App?

  作者的观点是既然现在有 coding agents，理论上我们应该能用 “specs + 测试 + coding agent” 直接做出各平台原生应用，而不是继续依赖 Electron。但现实是，agent 很擅长前 90% 的开发，最后那 10% 的边角问题、真实环境中的维护，以及跨 Mac / Windows / Linux 的支持成本，还是让 Electron 这种 “统一封装” 方案更省事。(Claude Code 作者表示这都是取舍

• Issue tracking is dead

  Linear 表示传统的 issue tracking 是为 “人类交接式开发流程” 设计的，但在 AI agents 介入后，这套重流程正在过时。Linear 想做的是一个以 context 和 agents 为中心的系统，把反馈、决策、计划和代码串起来，直接把想法推进到 production。

• Google 发布旗下首个原生多模态 Embedding 模型：Gemini Embedding 2，可以将文本、图像、视频、音频与文档映射到同一向量空间，提供高性能的多模态语义理解能力。
• Cloudflare 的 Browser Rendering 新增 /crawl 端点（开放测试），只需一次 API 调用即可自动爬取整个网站，并提供 HTML、Markdown 与结构化 JSON 输出。（让你帮忙拦爬虫，现在你自己卖起爬虫来了
• Amazon 因近期多起涉及 AI 协助变更的服务中断，正在召开高层会议并要求高级工程师审核 AI 辅助的代码修改，以提升站点可用性。
• Chrome 146 稳定版开始推送，垂直标签页实验功能可用。
• Apple 宣布，根据与中国监管部门的沟通，自 3 月 15 日起下调中国区 “苹果税”：付费 App 及内购的抽成佣金由 30% 降至 25%，小开发者计划、小程序伙伴计划由 15% 降至 12%。
• Rust 版本的 React Compiler 也在路上了。
• Google 将在 2026 年第二季度推出 ARM64 Linux 版 Chrome。（终于

有趣

• Can I Run AI locally?

  在浏览器内自动检测 GPU/CPU/内存 后，结合本地数据库和模型需求计算哪些模型能跑以及速度。

工具

• Vite 8

  Vite 8 正式发布，用 Rust 的 Rolldown 取代了原来的双打包器架构，把开发/构建速度提升到 10-30 倍，同时保持插件兼容；还推出了插件目录、Devtools 等新特性。

• CLI-Anything

  通过自动化的方式，一键生成任何软件的 CLI 工具。

文章

• The 8 Levels of Agentic Engineering

  AI 辅助编程的能力演进路径，从基础的 Tab Completion 到多模型协作的 Autonomous Agent Teams。

• Using skills to accelerate OSS maintenance

  OpenAI 分享了他们用 Codex 维护 Agents SDK 的完整方案，结合了仓库级别的 skills、AGENTS.md 规则和 Codex GitHub Action 。

• Temporal: The 9-Year Journey to Fix Time in JavaScript

  Temporal 是 JavaScript 社区历经 9 年、由 Bloomberg、Igalia、Microsoft、Google、Mozilla 等推手共同打造的现代日期时间 API，终于在 ES2026 前就已经实现并在主流浏览器中可用，彻底解决了老旧 Date 的各种痛点。

• Grief and the AI Split

  AI 辅助编程揭示了开发者之间早已存在但此前隐形的分歧：有些人更看重打造成果，有些人更怀念手工塑造代码的工艺感。

• WebMCP 现已推出预览版。
• Google 发布了 Gemini 3.1 Flash Lite。
• 随后 OpenAI 精准狙击，发布了 GPT-5.3 Instant，幻觉率最高降低 26.8%。
• Drizzle 居然加入了 PlanetScale。
• 阿里千问模型负责人林俊旸突然宣布离职，令业界哗然，阿里高管紧急召开会议回应。
• Google 结束了其 30% 的应用商店抽成，并允许第三方应用商店和支付。（Epic Games 再下一城
• Cline 2.3 被使用 GitHub Issue prompt 投毒，最后只是下载了个 OpenClaw 。（慎用 npm 的生命周期 hooks
• OpenClaw 超越 React 成为在 GitHub 上 star 数最多的开源软件项目。
• OpenAI 发布 GPT-5.4 及 GPT-5.4 Pro，加入原生 computer-use 与 1M 上下文。
• TypeScript 6.0 RC 引入过渡性更新，以便顺利过渡到即将到来的 Go 原生编译器版本 7.0，带来新的特性、默认值调整、类型库更新和众多弃用项。

有趣

• 中国卷烟博物馆

  挺有意思的，喜欢收藏的朋友有福了（

• Intellij Idea Documentary

  CultRepo 最新的关于经典 IDE Intellij Idea 的纪录片。

工具

• Modern CSS

  一些现代 CSS 的写法。

• web-haptics

  基于浏览器 navigator.vibrate() 封装的一个 Web 触感库。

• Google Workspace CLI

  Google 也为了现在的 Agent 热推出了自己 Google Workspace 服务的 CLI 和 Skills 来让 Agent 调用。（AI Agent 的火热还是推动了很多工具和服务都发布了对应的 CLI 工具

文章

• Harness engineering: leveraging Codex in an agent-first world

  OpenAI 工程团队利用 Codex 代理在五个月内从空仓库构建并运行了一个百万行代码的产品，实现了 “人类指挥，代理执行” 的新型工程模式。

• The Self-Driving Codebase

  一些关于 Background agents 的介绍，网页的可视化也挺不错的。

• OpenClaw Architecture, Explained

  OpenClaw 的架构在于把 AI 助手当作操作系统来设计，以本地基础设施为中心，通过单一的 Gateway 控制面实现多渠道接入、持久会话和工具执行，让你能在 WhatsApp、Discord、iMessage 等熟悉的界面里调度 Agent，同时保持对数据、模型调用和安全策略的完全掌控。

• The Brand Age

  Paul Graham 分享瑞士制表业如何在 “石英危机” 后从技术竞争转向品牌营销，工业形态从追求准确与薄型变成通过外形、稀缺性和广告打造身份象征，进入一个 “品牌时代”。

• 智谱发布最新的旗舰模型：GLM-5。
• MiniMax 发布了旗下最新模型：MiniMax-M2.5， SWE-bench 分数高达 80.2 。
• 自 OpenAI 与 Cerebras 合作以来，模型响应速度都快了很多，现在又联合推出了转为高速推理设计的 GPT-5.3-Codex-Spark，响应速度可高达 1k tokens/s 。
• Cloudflare 推出了 Markdown for Agents 功能，旨在通过将 HTML 内容自动转换为 markdown，以更高效的方式为 AI 提供结构化数据。
• Ladybird 浏览器项目也开始 Rust 化了。
• OpenAI 宣布在 Responses API 上支持 WebSockets，对于需要调用大量工具和长时间运行的 Agent 来说有很大的优化帮助。
• Google DeepMind 发布了 Nano Banana 2（即 Gemini 3.1 Flash Image）。
• Node.js 也要按年号发 LTS 了。
• 开源项目 tldraw 将项目的测试相关代码闭源。（考虑到现在很容易用 AI 根据测试用例来复刻一个工具/产品
• ggml.ai 加入了 HuggingFace （挺合理的

有趣

• State of React 2025

  State of React 2025 年度生态调查结果出炉。

• State of React Native 2025

  State of React Native 2025 年度生态调查结果出炉。

工具

• Vinext

  Cloudflare 工程师受不了兼容 Nextjs 了，决定用 AI 花一周时间重写了基于 Vite 的兼容 Nextjs API 的框架，方便部署到各个 serverless 平台。然后 Vercel CEO 下场说发现了好几个安全漏洞。

文章

• Don't trust AI agents

  当使用 AI Agent 进行构建时，它们应该被视为不受信任且可能是恶意的。

• Cognitive Debt: When Velocity Exceeds Comprehension

  现在写代码变得太快（尤其在 AI 辅助下），但 “理解代码” 的速度没法同比加速，于是就会积累一种看不见的债——认知债（cognitive debt）。

• OpenAI 发布 macOS 版 Codex 应用，支持多 Agent 协作与自动化工作流。
• Anthropic 发布 Claude Opus 4.6，支持 200K 上下文窗口和自适应思考模式。
• 随后 OpenAI 马上狙击，发布了 GPT-5.3-Codex 编程模型，推理速度提升 25%。
• ESLint 更新到 10.0 了，完全去掉了旧的 eslintrc 配置系统。
• GitHub 正在探索解决方案来处理低质量的贡献问题，可能会允许完全禁用 PR 。（很多人拿 AI 到处拉屎

有趣

• State of JavaScript 2025

  JS 生态 2025 年的调查结果出炉了，可以看看过去一年有大家都在用什么工具。

• WarCraft UI

  魔兽世界主题的组件库，有意思。

工具

• VoiceBox

  一个基于 Qwen-TTS 的声音 Studio 。

文章

• Unlocking the Codex harness: how we built the App Server

  OpenAI 分享如何通过 App Server 将 Codex 的能力集成到不同的产品客户端中（web, cli, codex app）。

• My AI Adoption Journey

  终端工具 Ghostty 的作者分享自己使用逐渐使用 AI 的过程。

• DeepSeek 发布新的 OCR 模型：DeepSeek-OCR-2 ，采用语言模型作为 Vision Encoder。
• 阿里发布 Qwen 旗下的旗舰推理模型：Qwen3-Max-Thinking 。
• 月之暗面发布 Kimi K2.5 模型并开源，具备全新视觉理解、代码和 Agent 集群能力。
• 包管理器 Yarn 发布 V6 Preview ，正在用 Rust 重写。
• Apple 收购了初创公司 Q.ai ，以推进 Airpods 和 Vision Pro 的语音能力。
• Android 电脑版 UI 泄露。
• xAI 发布了 Grok Image API ，统一了图片生成和视频生成的体验，主打价格便宜。
• 上周爆火的 Clawdbot 因为谐音，被 Anthropic 要求改名变成了 Moltbot ，然后几天后又改成了 OpenClaw。（一周改两次名，网友直呼不看新闻要跟不上 AI 发展了（（
• 因为 Clawdbot 爆火，然后就有人弄了个全是 Clawdbot 的 社交平台：Moltbook 。然后很快有人发现这个平台的数据库被暴露出来没有保护，任何人都能获取里面所有 Agent 的 api key。（Vibe 出来的

有趣

• npmx.dev

  Nuxt 团队成员开发的一个更现代，体验更好的 npm registry 网站，体验完爆 npmjs.com 。

工具

• LibPDF

  一个更现代的 TypeScript PDF 处理库。

• Ascii-Motion

  用来创建 ASCII 动画的工具。

文章

• the browser is the sandbox

  Paul Kinlan 是 Google 的 Web 平台开发者外宣，他关注 Agent 编程，并强调了一个健壮的沙箱对于 Agent 运作的重要性。Paul Kinlan 提出了浏览器作为沙箱的概念，指出在过去 30 年中，我们已经构建了一个能够运行来自互联网任何地方的恶意、不受信任的代码的沙箱。

• How to Choose Colors for Your CLI Applications

  为命令行界面（CLI）应用程序选择合适的颜色，以确保在不同的终端主题下都能保持良好的可读性和视觉效果。

• On-Device LLMs: State of the Union, 2026

  得益于新的部署技术和更智能的模型压缩，实时端侧 LLM 已成为可能。

• The 80% Problem in Agentic Coding

  如今，许多工程师使用人工智能代理来编写 80-100% 的代码，从而将他们的角色从直接实现者转变为协调者。这种转变带来了新的挑战，例如概念性 AI 错误、代码库中的理解难题（或“理解上的技术债”），以及导致审查时间大幅延长的生产力悖论。

• Qwen 发布了 TTS 系列模型： Qwen3-TTS，支持语音生成和克隆。
• Apple 正在开发一款类似 AirTag 的 AI 智能穿戴设备，预计将在 2027 年推出。
• Google 从 AI 语音初创公司 Hume AI 挖走了创始人团队。（上一次挖走 WindSurf 创始人之后就推出了 Antigravity

有趣

• x-algorithm

  X 终于开源了它们的推荐算法。

• 25 years of Wikipedia

  维基百科上线 25 周年了，WikiMedia 基金会制作了这个互动式网站介绍发展历程。

• European alternatives

  一个收录了欧洲数字服务和产品的替代方案的网站。（欧洲正试图摆脱对美国互联网技术的过度依赖

工具

• agent-browser

  Vercel 发布的一个基于 Playwright 的浏览器自动化 CLI 工具，可以使用它的 Skill 替代 Playwright MCP。

• skills.sh

  也是 Vercel 发布的一个 Skills 集合网站。

• json-render

  也是 Vercel 发布的一个库，可以让用户通过 AI 生成定制好的 UI 组件。

• agentation

  一个给 Agent 做视觉标注的工具，方便跟 AI 指哪打哪。

• ChartGPU

  通过 WebGPU 来调用 GPU 绘制图表的库。

• Pencil.dev

  一个可以让 AI Agent 驱动的无限设计画布。

• clawdbot

  一个支持私有部署的个人 AI Agent 方案，支持非常多的应用集成。

文章

• Unrolling the Codex agent loop

  OpenAI 分享了 Codex 的 Agent Loop 架构以及管理上下文的方式。

• Using AI as a Design Engineer

  Jakub 分享作为设计工程师日常使用 AI 的方式。

• How LLM Agents Became What They Look Like in 2026?

  根据 LLM Agent 的演变来推测 2026 年的发展路径。

• What I learned building an opinionated and minimal coding agent

  作者分享了一些过去三年来自己开发一个小 Coding Agent 的经验。

• Anthropic 发布了 Cowork，等于是方便给非开发人员用的一个 Claude Code ，方便做写代码之外的任务。
• Apple 宣布将 Gemini 引入 Siri 。
• Cloudflare 收购了 Astro 。
• JQuery 在 20 周年之际，发布了 4.0 更新，移除了 IE 11 的支持。

有趣

• openresponses

  现在各个 AI 工具兼容的 Chat Completion API 是 OpenAI 一个周末赶工出来的产物，有很多局限性，整体实际还是围绕着回合制的对话来设计的。后面有 Assistants API，体验不太好，然后又推出了 Responses API ，设计改成以 Agent Loop 为核心。现在 OpenAI 基于 Responses API 整了个 Open Responses ，默认兼容多个厂商的调用，旨在成为下一代 LLM API 的调用规范。

• A Living Manual for Better Interfaces

  一些好的 UI 文章集合。

工具

• 麦当劳 MCP Server

  麦当劳官方出的 MCP Server，可以领券！

• React Best Practices Skill

  Vercel 制作的 React 最佳实践 Skill，汇集十年 React 和 Nextjs 开发经验。

文章

• Shipping at Inference-Speed

  一篇使用 Codex 的经验文。

• TailwindCSS 作者 Adam Watham 表示因为 AI 冲击，大家直接通过 AI 访问其文档而不是通过网站，减少了其商业产品营收而裁员 75%（其实就裁了 3 人）。后续是引来了众多赞助商，比如 Google AI Studio 和 Vercel。
• Linus 也 Vibe Coding 了。（也算新闻了？
• 最近 Anthropic 收紧了对 Claude 订阅的第三方使用，比如使用 OpenCode 等第三方工具的接入，还切断了 xAI 内部的访问，惹得社区一片吐槽。随后 OpenAI 方面则表示支持第三方使用 Codex 订阅。

有趣

• 2025 JavaScript Rising Stars

  2025 年里 JS 生态 Star 数比较多的项目排名。

• Eat Real Food

  关于美国人健康问题而推出的健康饮食金字塔科普，时髦的 Scrollytelling 形式，而且居然是美国政府方面制作的网站。

工具

• Base UI

  Base UI 终于发布 1.0 正式版了。

文章

• It’s hard to justify Tahoe icons

  又一篇文章吐槽 MacOS 26 的图标问题。

• Building a Toast Component

  Emil 分享了开发 Sonner 组件时的一些细节。

• Building Type-Safe Compound Components

  TkDodo 分享开发组合式组件的心得。

• React has changed, your Hooks should too

  一些新的 Hooks API。

• 智谱发布了新的 GLM-4.7 模型，

有趣

• 2025 Stack Overflow Developer Survey

  Stack Overflow 2025 年度报告，84% 的人在用 AI 工具，创历史新高。但正面评价从去年的 70% 跌到了 60%。

工具

• mquickjs

  传奇开发者 Fabrice Bellard 新的项目 MicroQuickJS，一个针对嵌入式系统的 JavaScript 引擎，能够在只有 10 kB 内存的情况下编译和运行 JavaScript 应用。Redis 作者在评论区提到，如果这个工具在 2010 年就诞生的话，Redis 的脚本语言就会是 JavaScript 而不是 Lua 。

• AI SDK 6

  Vercel 的 AI SDK 更新到了 V6，主要是带来了 Agent 的抽象层。

文章

• Your Guide to Local Coding Models

  介绍了如何使用本地部署的开源模型进行编程,包括模型选择、部署方法和性能对比。

• HTTP caching, a refresher

  关于 HTTP 缓存机制的介绍。

• AI Agent 要变强：两条路径（Skills vs SubAgent）

  AI Agent 的强化可以通过 Skills 和创建 SubAgent 两条路径实现，它们各自适用于不同的场景。

• 字节跳动发布 Seedance 1.5 pro 模型，支持音视频联合生成。
• Mozilla 换了 CEO，不知道能不能给公司带来新的活力。
• Google 发布了 Gemini 3 Flash 模型，在多项基准测试中超越 Gemini 2.5 Pro，同时成本降至 Gemini 3 Pro 的四分之一以下。（SWE bench 比 3 pro 和 sonnet 4.5 都高就离谱
• OpenAI 发布了 GPT-5.2-Codex 模型，最新的 Coding 模型。

有趣

• The 2025 Cloudflare Radar Year in Review

  2025 年 Cloudflare Radar 年度回顾报告提供了对全球互联网流量增长、AI 技术的普及、网络连接性能、安全性问题以及电子邮件安全性的全面分析。

• Frontier of the Year 2025

  一些 2025 年达到的新里程碑。

• Google Sans Flex

  Google Sans 字体的演变历程，从解决产品标识不匹配问题开始，经历了多次迭代和优化，包括适应不同语言和尺寸的需求，最终发展成为 Google Sans Flex，并开源。

• Backing up Spotify

  影子图书馆 Anna's Archive 于 12 月 20 日宣布，已完成对 Spotify 平台的大规模备份，并推出全球首个完全开放的音乐 "保存档案馆"。

工具

• agentskills

  Anthropic 正在推动 Skills 成为开放标准。

文章

• 2025 年的 HDR/Live Photo 指南

  HDR 和 Live Photo 技术的现状、工作原理、以及如何在网页和自行拍摄中实现和展示这些技术。

• Too Fast to Think: The Hidden Fatigue of AI Vibe Coding

  Stephan Schmidt 在他的文章中分享了他在使用 AI 辅助编程工具时感受到的疲劳，这种疲劳是由于 AI 的高效率导致的认知负担增加和频繁的上下文切换。

• How we used Codex to build Sora for Android in 28 days

  OpenAI 分享 Sora Android 版只用 28 天就开发完成的经验，其实也是先有了 iOS 版后，然后先设计架构再让 AI 填空。先规划再写代码让 AI 充分理解上下文，多个 Codex 并行开发。

• Your job is to deliver code you have proven to work

  尽管 AI 辅助编程现在发展火热，但作为工程师的任务本质上还是交付可行的代码。

• Design is more than code

  设计不仅仅是编码的过程，而是一个包含问题探索、概念构建和执行阶段的复杂过程。

• 2025 LLM Year in Review

  Andrej Karpathy 回顾了 2025 年 LLM 领域的重要发展和里程碑。

• Linux 基金会旗下新成立了一个 Agentic AI 基金会，Anthropic 向其捐赠了 MCP ，OpenAI 则捐赠了 AGENTS.md 。
• Meta 的策略正在从开源模型转向可盈利的 AI 模型，计划推出名为 Avocado 的新模型。
• 美国开源模型有了新玩家，Essential AI 发布了 Rnj-1 8B 模型，在同级别模型里相比 Agentic 能力出众。
• Mistral 发布了代码模型 Devstral2 和一个 CLI Agent Mistral Vibe CLI 。
• Qwen 发布了 Qwen3-Omni-Flash-2025-12-01， 一个新一代的本地多模态大模型。
• 智谱发布 GLM 4.6V 模型，支持原生的多模态 tool use 能力。还发布了一个开源的 Phone use Agent，Open AutoGLM。
• OpenAI 发布了 GPT5.2，常规更新，发布一天后差评如潮。
• 随后 Google 发布了 Deep Research Agent ，同时还有新的 Interactions API 。
• 安全研究员在研究 React 上周的 React2Shell 漏洞时，发现了 RSC 另外两个严重漏洞。。。

有趣

• Shopify Editions | Winter 26

  Shopify 新一版 Editions ，太酷炫了。

• Pebble Index 01

  Pebble 推出了新的硬件产品，是一个戒指，用来随时记录语音。

• RSL 1.0

  RSL（Really Simple Licensing）1.0 是一个新的开放许可标准，旨在让人工智能公司为他们从网上爬取的内容支付费用。

• Auto-grading decade-old Hacker News discussions with hindsight

  Andrej Karpathy 利用 ChatGPT 5.1 Thinking 对 Hacker News 十年前的讨论进行了自动化的历史评估和分析，并将结果公开展示。

工具

• open-scouts

  Firecrawl 推出的一个工具，可以派出 “哨兵” 进行检测。

文章

• Icons in Menus Everywhere — Send Help

  一些菜单里使用 Icon 的乱象。

• GitHub no longer uses toasts

  GitHub 宣布不再使用 Toasts，以更好地照顾不同用户的无障碍体验。

• CSS Wrapped 2025

  Chrome 团队发布的2025 年 CSS 功能更新总结。

• 继 ChatGPT 采用 MCP 服务之后，Codex CLI 也支持了 Skills 。
• DeepSeek 发布了正式版本的 V3.2，也是 Agentic 能力的提升。
• 在 Google 的 AI 模型要追上自家的当下，OpenAI 的 Sam 宣布进入 “红色警戒” ，让公司全力改善 ChatGPT。
• Anthropic 收购了专注 JS 生态工具链的 Bun ！（意想不到的展开，那接下来 Bun 是不是要屏蔽中国了（（
• React 的 React Server Component 被爆出存在危险的漏洞，允许未经身份认证的远程代码执行，涉及以 Nextjs 为代表的一系列 RSC 框架。
• Cloudflare 又挂了，这次居然是因为缓解 RSC 的漏洞时出的错。（被 React 坑的第二次
• Netflix 将收购华纳兄弟！（这波还是流媒体赢了
• JavaScript 30 岁了，在 10 天内完成的原型成为了现在互联网最重要的语言之一。

有趣

• Airloom - 3D Flight Tracker

  一个查看各种航班飞机轨迹的网页。

工具

• ghostty-web

  把 Ghostty 编译成 WebAssembly，并兼容 xterm.js API 。

• TanStack AI Alpha

  TansStack 果然还是把手伸到了 AI SDK 这一块。

文章

• State of AI: An Empirical 100T Token Study with OpenRouter

  OpenRouter 给出的 AI 报告。

• How AI is transforming work at Anthropic

  Anthropic 内部各团队如何使用 AI 。

• Writing a good CLAUDE.md

  一些写 CLAUDE.md 的技巧。

• Context Engineering for AI Agents: Part 2

  介绍了如何通过上下文工程优化 AI 助手的性能，包括防止上下文失效、多 Agent 协调、操作空间管理以及简化 Agent 的工具集。

• SVG Filters - Clickjacking 2.0

  一种新的点击劫持攻击技术，通过使用 SVG 滤镜来实现复杂的交互式点击劫持攻击和多种形式的数据渗透。

• Anthropic 宣布推出 Claude Opus 4.5 模型，性能大幅提升，推理和编程能力增强。
• BlackForest 发布了新一代的图像生成模型 FLUX.2 。
• DeepSeek 发布了 DeepSeek-Math-V2，一个开源的 MoE 模型，在 IMO 2025 上取得了金牌，打破了 “研究级” 数学推理的垄断。
• 现在四大主要浏览器都支持 WebGPU 了。

有趣

• ▶️ The Thinking Game | Full documentary

  关于 DeepMind 创始人 Denmis 的纪录片，横跨 30 年还是有点 6 。

• Bad UX World Cup

  顾名思义，差 UX 大赏。

• Directory of Design Engineers

  一些设计工程师。

工具

• Color Palette Pro

  很酷炫的一个拟物化调色板工具。

文章

• The State of TanStack, Two Years of Full-Time OSS

  Tanner Linsley 回顾了 TanStack 两年来全职开源软件（OSS）的状态，包括挑战、人力成本、团队建设、成长和未来计划。

• Introducing advanced tool use on the Claude Developer Platform

  Anthropic 推出了 Claude Developer Platform 上的高级工具使用功能，包括工具搜索工具、编程式工具调用和工具使用示例。

• How we built the v0 iOS app

  Vercel 使用 React Native 和 Expo 为其 AI 生成应用平台 v0 构建了一个 iOS 应用，并分享了开发中遇到的一些问题。

• 从「写代码」到「验代码」：AI 搭档写走 3 年，我踩出来的协作路线图

  挺好的一篇分享现在怎么用 AI 编程的文章。

• Google 宣布 Android 的 Quick Share 功能现在与 AirDrop 兼容，这一更新是单方面实现的。
• 2025 年 11 月 18 日，Cloudflare 的网络因一次内部数据库权限更改导致 Bot 管理系统的配置文件错误地加倍了大小，这引发了网络核心代理系统的错误，导致全球范围内的服务中断。
• Google 终于发布了最新的 Gemini 3，首先发布的是 Gemini 3 Pro，其它各种能力都得到了提升，特别是一直是 Gemini 短板的 Agentic 能力，在 Leaderboard 接近 Claude Sonnet 4.5 和 GPT 5.1 的分数，Web 前端开发效果大幅提升。
• 被收编到 Google 后的 WindSurf 作者发布了 Agentic Coding IDE : Antigravity。代码补全免费无限制，目前仍然是有免费额度使用里面的 AI 功能。（当然这个编辑器也是基于 VSCode 的，或者说基于 WindSurf ？有人发现里面的部分源码都是有很多 WindSurf 字符串
• Google 也发布了新一代的 Gemini 3 Pro Image ，也就是 Nano Banana Pro。
• OpenAI 见状连发两个模型：GPT-5.1 Pro 和 GPT‑5.1-Codex-Max ，xAI 也发布了 Grok 4.1 Fast 。
• Meta 的 Segment Anything Model 已经发布了第三代了。
• Replicate 宣布加入 Cloudflare，将继续作为独立品牌运营，并计划变得更快、更具资源，同时与 Cloudflare 的开发者平台集成。

有趣

• State of React 2025

  State of React 2025 调查问卷开放填写了。

工具

• librepods

  在 Android 和 Linux 也能爽用 Airpods 功能的一个工具库。

• heretic

  为 LLM 移除审查的工具。

• supercookie

  一个通过网站的 favicon 对访问者进行浏览器指纹追踪的工具。

文章

• An Alternative Chat UI Layout

  为了适应 AI 聊天功能的增加和相关的可用性问题，设计师们正在尝试新的聊天界面布局，提出了一个具有两个滚动窗格的布局，以区分用户指令、AI 思考过程和最终结果。

• Agent Design Is Still Hard

  关于设计 Agent 的一些痛点。

• Gemini 3 Prompting: Best Practices for General Usage

  一些针对 Gemini 3 pro 的 prompt 最佳实践。

• Good Visual Design, Explained

  良好的视觉设计原则及其对用户体验的重要性。

• VSCode 将 GitHub Copilot 的 Code Completion 部分也开源了。
• OpenAI 发布了针对开发者的 GPT-5.1 模型。
• World Labs 推出首款商业化世界模型产品 Marble，利用 AI 生成可编辑、可下载的 3D 环境。

有趣

• Steam Machine

  Steam 出的新游戏硬件。

工具

• Visual Types

  图解 TypeScript 类型。

• JavaScript Zoo

  对大部分 JS 引擎的横向对比。

文章

• RL Environments and the Hierarchy of Agentic Capabilities

  把 2025 年的 9 个前沿 AI 模型放在模拟的工作环境中进行测试。

• Improving frontend design through Skills

  借助 Claude 的 Skills 来让 AI 写更好的前端代码。

• The Inner Workings of JavaScript Source Maps

  了解 JavaScript Source Map 的原理。

• Apple 推出了网页版的 App Store，是用 Svelte 写的，之前 Apple Music 网页版也是 Svelte。（意料之外的是用了 Safari 26 才支持的 CSS Anchor Positioning）后续：Apple 把网站 source map 也一并传到生产环境上，导致网站源码被扒放在 GitHub，但是很快相关代码就被 Apple 出手因 DMCA 被下架了。
• Storybook 即将停止支持 CommonJS，全面过渡到 ESM 模块系统。
• Firefox 推出了其吉祥物小狐狸 Kit。
• Node.js 24 正式进入 LTS 阶段了。
• OpenAI 发布了更小更便宜的代码生成模型：GPT-5-Codex-Mini。
• Apple 在纠结了 OpenAI 和 Anthropic 之后，最终选择了每年向 Google 支付 10 亿美元用定制版的 Gemini 来为新 Siri 提供支持。
• 月之暗面发布了新的模型：Kimi K2 Thinking，继续刷新开源模型的能力。

有趣

• linux-wasm

  可以构建一个基于 WASM 在浏览器上运行的原生 Linux 操作系统，不是基于模拟器。

工具

• Valdi

  Snapchat 开源了其跨平台 UI 框架，已于内部使用 8 年，Web 系跨端框架又迎来一名竞争者。

• Metallic Effect Generator

  一个金属效果 CSS 生成器。

文章

• The Web Animation Performance Tier List

  Motion 的作者 Matt 分享了 Web 动画性能的分级列表，介绍了不同动画技术的性能优劣，并提供了优化动画性能的策略和方法。

• How we built OWL, the new architecture behind our ChatGPT-based browser, Atlas

  OpenAI 详细介绍了他们如何开发在 Atlas 浏览器里采用的 OWL 架构。

• AI Broke Interviews

  软件行业的技术面试在 AI 辅助工具出现后面临挑战，传统的面试方式被 AI 工具的完美答案所打破，导致面试过程中的真实性和公正性受到威胁。

• The Weird Parts of position: sticky

  一些 position: sticky 的坑。

• What even are Cloudflare Durable Objects?

  一篇介绍了 Cloudflare Durable Objects 的概念、特性、使用场景的文章。

• Google 计划在 2026 年 10 月发布的 Chrome 154 版本中，将默认启用 “总是使用 https 连接” 功能。
• Cursor 发布了 2.0 版本更新以及带来了其基于 RL 的 Agent 模型 Composer，随后 WindSurf 也发布了基于 RL 的 Agent 模型 SWE-1.5 。（国外有人用了 Composer 发现它自动用中文回复了
• MiniMax 发布了 M2 模型，限时免费，看数据挺好的，但很多人反馈实战不如 GLM 4.6。

有趣

• Octoverse 2025

  GitHub 发布了 2025 年的平台报告，TypeScript 首次超越了 Python 和 JavaScript 成为 GitHub 上最常用的语言。

• A Brief History of Domains

  域名系统自 1983 年诞生以来的发展历程。

• Grokipedia

  xAI 推出的百科产品，内容为 AI 生成。

工具

• ArkRegex

  ArkType 发布了类型安全的正则工具， new RegExp() 的替代品。

• toon

  一个精简的数据表示格式工具，使用它替代 JSON 来作为给 LLM 的输入，减少 token 量。

• oklch.fyi

  一站式了解 OKLCH 颜色格式的网站。

文章

• Directives and the Platform Boundary

  Tanner 指出现在滥用 use xxx 指令的风潮增加了混淆、调试复杂性、工具和代码可移植性的成本。

• Solved By Modern CSS: Section Layout

  用一些现代 CSS 属性来实现 Section 布局。

• Springs and Bounces in Native CSS

  使用 CSS 的 linear() 方法来实现各种弹簧动画。

• The present and potential future of progressive image rendering

  Jake 探讨了渐进式图像渲染的现状和未来潜力，特别关注 AVIF 格式的渐进渲染能力。

• The New Calculus of AI-based Coding

  一些基于 AI 编程的新范式。

• If you don't tinker, you don't have taste

  作者表示需要通过不断的尝试和探索（即 “捣鼓”）来培养个人品味和提高技能。

• Firefox 在 146 版本也支持了 CSS text-autospace 属性，支持 CJK 字符与非 CJK 字符间自动增加空白显示，优化 CJK 字体排版显示，自此，三大主流浏览器都支持了。
• 类似 Open AI 的 Codex 和 Google 的 Jules，Anthropic 也推出了云端的 Coding Agent： Claude Code on the Web 。
• DeepSeek 发布了 DeepSeek-OCR，但其厉害的点在于作为一个 POV 验证 LLM 的输入基础单位应该是像素而不是 token ，因为用像素能携带更多信息。
• 最近赶上了新时代的浏览器大战，OpenAI 发布了其 AI 浏览器 Atlas，随后 Perplexity 宣布它们的 Comet 浏览器向所有人免费开放（还有佣金）。

有趣

• Replacement AI

  模拟 AI Saas 页面的一个讽刺 AI 替代人类的整活网站。

工具

• kimi-cli

  Moonshot 也发布了其 Coding Agent，用 Python 写的，其它各家的实现有用 Rust, TS 和 Go 的。

• Vitest 4.0

  基于 Vite 的测试框架 Vite 最近更新到了 4.0 ，主要是 Browser Mode 稳定了，Browser Mode 就是通过调用真实的浏览器来跑 e2e 测试。Angular 也用 Vitest 取代 Karma 作为新项目的默认 Test Runner。

• Oxlint

  Oxlint 在权衡性能和社区生态之间选择了社区生态，支持了 JS Plugin 。

文章

• Unseeable prompt injections in screenshots: more vulnerabilities in Comet and other AI browsers

  现在市面上各种 Agentic Browser 都是通过截图来获取信息，然后就有出现无法被肉眼看到但是能被机器读取的 prompt 攻击风险。

• Build Your Own Database

  一个互动式文章，介绍了如何从头构建一个键值型数据库，包括数据的持久化存储、高效检索、更新、删除以及如何通过索引和排序优化性能。

• Anthropic 发布了 Claude Haiku 4.5，效果接近 Sonnet 4。
• Anthropic 发布了 Claude Skills, 相比于 “功能”，它更像是一个概念，用一个 Markdown 文件描述一项技能，具体的能力取决于环境。
• 继 OpenAI 发布 Sora2 后，Google 也发布了 Veo 3.1 的更新，支持了更强的剪辑功能以及音频能力。
• Zed 代码编辑器发布了 Windows 版。
• Bun 发布了近期最大的一个更新到 1.3 ，主要是作为全栈运行时的一系列更新。
• VoidZero 宣布了 Vite Plus ，就是打包了 Vite 和 Oxlint 还有 Vitest 等等全家桶的一个 CLI ，后续会收企业的钱。

有趣

• Classic Mac OS System 1 Patterns

  一些 Mac System 1.0 时候的图案。

工具

• @platformatic/python

  通过该模块实现在 Node.js 进程内运行 Python ASGI 应用，通过 IPC 实现比网络请求更快的数据交换。

• jsonriver

  一个流式解析 JSON 的 parser。

文章

• Reading and Writing Files in Node.js - The Complete Modern Guide

  文章列举了一些现代的 Nodejs 读写文件的操作，比如最基本的使用 promise 的 writeFile 和 readFile 。

• Google 将 NotebookLM 类似的功能带到了 Chrome 安卓版上，支持通过播客的方式收听网页的内容。
• OpenAI 发布了最新的是视频生成模型 Sora 2 以及配套的 Sora App。
• Anthropic 发布了 Claude 的 Sonnet 最新版本：Claude Sonnet 4.5。
• Google 则发布了基于 Gemini 2.5 pro 的 Gemini 2.5 Computer Use 模型。
• React 宣布成立 React 基金会，用于支持 React 社区和生态发展，React 和 React Native 不再归属于 Meta。

有趣

• Vite: The Documentary

  CultRepo 推出的 Web 构建框架 Vite 的纪录片。

工具

• Cap'n Web

  Cloudlfare 发布用于浏览器和 Web 服务器的全新 RPC 系统。

• chrome-devtools-mcp

  Chrome 团队推出的 Chrome Devtools MCP 工具。

文章

• JSON is not JSON Across Languages JSON 虽然被设计为一种简单、轻量级的数据交换格式，但在实际应用中存在着跨语言的兼容性问题。

• A complete guide to HTTP caching

  涵盖了从高级问题（如为什么需要缓存和缓存什么）到验证、密钥、浏览器行为、CDN、调试等所有内容。

• Figma rendering: Powered by WebGPU

  Figma 团队通过采用 WebGPU 来更新其渲染引擎，以寻求新的性能优化机会。

• 不止于渲染：从 Figma 的实践看 WebGPU 如何重塑 Web 前端

  介绍了 WebGPU 如何通过 Figma 的实践重塑 Web 前端，以及 WebGPU 相对于 WebGL 的优势和应用前景。

• Google 正式在 Chrome 上引入各种基于 Gemini 的 AI 功能（仅限美国地区）。
• WebAssembly 规范更新到了 3.0 。（看着是把过去几年的功能打包了一下
• Cloudflare 许多 API 和 Dashboard 一度瘫痪，原因竟是误用 React 的 useEffect。（又一受害者

有趣

• I'm Not a Robot Game

  层层递进的验证游戏，看看你是不是 bot。

工具

• web-codegen-scorer

  Angular 团队开发的一个工具，用于评估 LLM 生成的 web 代码质量。

• IINA

  著名免费开源 Mac 平台播放器 IINA 最近加入了基于 JS 的插件系统。

• CrawlerCheck

  检查爬虫能否访问访问你的网站。

文章

• How the current UX for NotebookLM came to be

  NotebookLM 的首席设计师解释了该产品的 UI 演变，特别是团队如何通过创建一个统一的工作区来解决“标签过载”问题。

• WebKit Features in Safari 26.0

  一些在 Safari 26 上的新特性。

• Apple 计划为 Siri 开发 AI 搜索引擎，与 OpenAI 和 Perplexity 竞争。
• Arc 浏览器的公司 The Browser Company 被 Atlassian 收购了。（未曾设想过的走向
• Google 反垄断案判决允许继续保留 Chrome 。

有趣

• I’m absolutely right

  因为 Claude 经常拍马屁地说“You’re absolutely right” 而被吐槽，有网友记录了每天出现该对话的次数。

工具

• mediabunny

  一个可以在浏览器使用媒体文件处理工具库。

• Sosumi ai

  终于有人将 Apple 的开发文档整理了个 AI 友好的版本。

文章

• You Don’t Need Animations

  动画虽好，但有时候并不需要。

• 12 Principles of Animation

  动画设计的 12 个基本原则，这些原则是由迪斯尼动画师在 1930 年代发展出来的。

• Liquid Glass in the Browser: Refraction with CSS and SVG

  通过 CSS 和 SVG 在网页上模拟 Liquid Glass 效果。

• Claude Memory: A Different Philosophy

  Claude 的记忆系统和 ChatGPT 的相比，呈现了不同的设计哲学。

• The story of how RSS beat Microsoft

  RSS 战胜了微软领导的 ICE 标准，成为内容合成的赢家，这得益于其开放性和简单性。

• Google 宣布，从 2026 年开始，只有经过验证的开发者的应用程序才能安装在经过认证的 Android 设备上。
• Google 正式推出图片编辑模型： Gemini 2.5 Flash Image ，也就是最近非常火的代号为 nano-banana 的模型。
• Anthropic 推出了 Claude For Chrome ，官方下场 Browser-use agent。
• xAI 正式发布了它们的 Coding 模型：Grok Code Fast 1。
• Microsoft 推出了 MAI-Voice-1 和 MAI-1-preview 模型，这是与 OpenAI 有动荡的合作关系以来，第一个完全自己掌控的人工智能模型。
• ESLint v9.34.0 中引入了多线程 Linting 的功能。

有趣

• ▶️ Python: The Documentary | An origin story

  CultRepo 出品的 Python 纪录片。

• TIME100 AI 2025

  《时代周刊》发布了其 2025 年 TIME100 AI 名单，其中包括业内许多顶级 CEO 和研究人员。

工具

• uppy

  一个处理文件上传的工具库。

• Termix

  一套基于 Web 的服务器管理平台。

文章

• What are OKLCH colors?

  除了常见的 RGB 和 HSL 颜色模型外，还有 OKLCH，OKLCH 颜色是一种基于人类视觉感知的颜色模型，它结合了亮度（L）、色度（C）、色相（H）和透明度（alpha）的特性。

• Optimizing PWAs For Different Display Modes

  优化 PWA 以适配不同环境的方式。

• DeepSeek 发布了 V3.1 模型，也支持了混合推理架构以及添加了对 Anthropic API 格式的支持。
• Google 发布了新一代图片生成模型 Imagen 4 的 Fast 版本。
• xAI 将 grok-2 开源了。
• 字节也发布了个开放权重模型系列：Seed-OSS 。
• Apple 正寻求与 Google 合作，将使用 Gemini 改造 Siri 。
• AWS CEO 认为 “使用 AI 替代初级员工“ 是一个非常愚蠢的想法，强调初级员工的重要性和 AI 在教育中的作用。（上下文是前阵子 AWS 推出了 Cursor 竞品 Kiro

有趣

• OpenAI Progress

  OpenAI 发布的一个网站，展示旗下 AI 模型的发展历程。

工具

• rslint

  字节的 web-infra-dev 团队这次推出了兼容的 ESLint 规则的 Linter 工具 Rslint ，但是是用 Go 写的，毕竟 TS 团队选择了 Go 。

• zedless

  有人 fork 了 Zed IDE ，去除掉各种服务，使其成为纯粹的 IDE，但是后续维护能持续多久呢？

• streamdown

  一个处理流式 markdown 内容的库。

• doxx

  在命令行里查看 docx 文件。

文章

• Big O

  关于时间复杂度的高质量互动性教程。

• Left to Right Programming

  文章通过横向对比 Python, Rust, C 和 JS 的语法来强调 “从左到右的编程方式” ，以便编辑器能够提供即时的帮助和代码建议。

• An Interactive Guide to SVG Paths

  Joshua 的 SVG 系列新文章，这次是讲 SVG Paths。

• GitHub CEO 表示要辞职去创业，GitHub 将会并入到 Microsoft CoreAI 组织下面管理，不再独立运营。（要变 GitHub 365 了吗
• Claude Sonnet 4 的上下文窗口也增加到了 100 万了。
• Perplexity 说想要出价以 345 亿美元收购 Chrome 。

有趣

• State of CSS 2025

  2025 年 CSS 生态调查报告 State of CSS 结果出炉了。

• Engineering fyi

  收录了一些著名技术博客的网站。

工具

• chartdb

  一个数据库图表编辑器。

文章

• What we learned from creating PostCSS

  PostCSS 作者分享他们从创建 PostCSS 中学到的东西。

• 微软计划准备开源 Win11 的 UI 框架 WinUI 。
• 日本最近通过了《智能手机法案》，其中就有禁止 Apple 在 iOS 平台上限制第三方浏览器引擎的做法，将于 2025 年 12 月生效。
• Cursor 眼见被各种以 Claude Code 为首的 CLI Coding Agent 抢占市场，随即也推出了 Cursor Agent CLI 。
• 万众期待的 GPT 5 终于发布了，也是混合模型，支持 reasoning，分为普通版、 mini 和 nano 三个版本，但是效果并没有很惊艳，甚至很多人要求用回 4o 。

有趣

• How F1 has evolved since 1950

  挺好看的数据可视化文章，介绍 F1 从 1950 年以来的演变。

• Historical Tech Tree

  一个有趣的项目，使用可交互式树状图来呈现从史前到今天的科技发展。

工具

• KittenTTS

  一款仅 25MB 大小的 TTS 模型，效果不多，但还没支持多语言。

• mirotalk

  通过 WebRTC 在浏览器里实现 p2p 开会的工具。

文章

• Modern Node.js Patterns for 2025

  一些 Node.js 的现代特性，近几年的版本已经内置了许多有用的功能了。

• Design Patterns You Should Unlearn in Python

  一些在 Python 中你不需要学的设计模式，比如单例。

• MDN 20 岁了。
• Vite 的 npm 周下载量首次超越 Webpack 了。
• 微软下场，直接在 Edge 浏览器中加入 Copilot mode，变身 Browser Agent。
• 上周智谱接力国产 Coding 模型比赛，发布了 GLM 4.5，Agent 能力出众。

有趣

• 2025 Stack Overflow Developer Survey

  2025 年的 Stack Overflow 开发者调查报告出炉了。

• googlesans-code

  Google 发布了自己的代码字体，Google Sans Code ，可惜还不支持连字。

• Optician-Sans

  基于全球数百万个视力表来设计的一款无衬线字体。

工具

• crush

  又一个 CLI Coding Agent.

• copyparty

  将各种设备变成文件服务器的工具。

• Evil Charts

  一些好看的 Recharts 预设。

文章

• The many, many, many JavaScript runtimes of the last decade

  作者总结了过去十年里各种 JavaScript Runtime 的场景和发展。

• Qwen 发布了新的编码模型 Qwen3 Coder，更小的模型体积但是成绩比 Kimi k2 更好，但更贵。同时也基于 Gemini CLI 开发了 Qwen Code 。（发布后被吐槽太吃 token ，issue 区吐槽声遍地
• 字节旗下的 Agent 开发平台 Coze 扣子空间开源了。

有趣

• fstrings.wtf

  受上期的 jsdate.wtf 启发，Python 框架 Flask 作者也弄了个 fstrings.wtf 来吐槽 Python 的 f-string 中的边缘问题。

• TrackWeight

  把 MacBook 的触控板变成一个电子秤。（是的，买 MacBook 就是为了这个

• State of HTML 2025

  State of HTML 2025 调查开始开放填写了。

工具

• fumadb

  一个对常见数据库 ORM API 封装的工具库。（封装再封装？

文章

• 重生之我在大厂搞 AI Coding

  天猪分享他在字节做 AI IDE Trae 的干货。

• How Anthropic teams use Claude Code

  Anthropic 官方分享其团队使用 Claude Code 的方式。

• Getting Clarity on Apple’s Liquid Glass

  一些关于 Liquid Glass 遇到的问题和人们各种尝试的总结。

• A Friendly Introduction to SVG

  Joshua 的高质量文章又多了一员：介绍 SVG。

• 继 WindSurf 创始人被 Google 挖走之后，WindSurf 整个公司最终被 Devin 的公司 Cognition 收购了。
• Amazon 也发布了自家的 VSCode Fork AI IDE : Kiro。
• OpenAI 发布了 ChatGPT Agent ，一个通用 Agent。
• 火狐浏览器将关闭中国公司和终止中国账户。
• Apple 在欧盟数字市场法规（DMA）生效后，仍然通过技术和合同限制，阻止其他浏览器厂商在 iOS 上使用自己的浏览器引擎，这违背了 DMA 的目的。
• Android 负责人表示 Chrome OS 将和 Android 合并。
• 该来的还是来了，Chrome 137 开始支持了 CSS 的 if 函数。

有趣

• Ten years of running every day, visualized

  将十年跑步的一些数据可视化。

• The JavaScript Date Quiz

  看你对臭名昭著的 JavaScript Date 对象了解多少。

工具

• Magic Animator

  Lottie 团队推出的一个 AI 生成动画的 Figma 插件。

• upyo

  一个发邮件的工具库，支持多个 js runtime。

文章

• Context Engineering for AI Agents: Lessons from Building Manus

  Manus 团队分享开发 AI Agents 过程遇到的问题。

• Designing Scroll Behavior: When to Save a User’s Place

  探讨何时保存用户的滚动位置。

• 界面进化史，Siri的界面为什么变成屏幕四周跑马灯？

  Siri 的界面进化之路。

• 虽迟但到，继 Anthropic 推出 Claude Code 和 OpenAI 推出 Codex CLI 之后，Google 也发布了 CLI Coding Agent ：gemini-cli。（免费且开源
• 之前一直传闻 OpenAI 打算收购 WindSurf ，现在最终消息就是 WindSurf 的创始人被 Google 挖走到 DeepMind 去了。
• 月之暗面 Moonshot 发布了 1T 参数的开源模型 Kimi K2，代码生成和 Agentic 能力不错。
• xAI 发布了 Grok 4。（鉴定为和 Llama4 一样拉了坨大的
• Meta 高薪挖走了 Apple 基础模型团队的一名华人高管。（本就发展不快的 Apple AI 又受到了伤害
• 比尔盖茨和 Linus 碰面。（Windows 和 Linux 的历史性时刻。
• visionOS 26 引入了 HTML model 元素，使得网页能够更容易地展示 3D 内容。
• 图片格式 PNG 的规范在 20 年没变的情况下最近得到了更新，支持了 HDR ，动画和 Exif 数据等等新特性。
• GitHub Copilot Chat 插件现已正式开源。
• 重磅：Vercel 宣布收购 NuxtLabs (Nuxt 背后的公司)，届时 Vercel 拥有了 React , Vue 和 Svelte 三大派系的框架。
• Cloudflare 推出了 “按次付费爬虫” 服务，允许内容所有者对 AI 爬虫访问进行收费。（整挺好

有趣

• the Web Chaos Graph

  有人用图来展示目前 Web 工具生态的混乱（大乱斗）。

工具

• tsgolint

  typescript-eslint 团队紧跟 TypeScript 团队的步伐，尝试用 Go 移植 typescript-eslint 规则，Go 的原生速度加上没有了 TS AST 到 ESTree AST 的转换消耗，tsgolint 的速度比 eslint + typescript-eslint 要快上 20~40 倍。（太棒了，平时最卡就是你了

• opencode

  开源版的 CLI Coding Agent，现在基本有啥火的商业软件，都会有 Open + 产品名的开源版出现。

• OpenCut

  作者表示看不惯 CapCut （剪映国际版）的乱收费行为，索性自己写一个开源版干翻它。（试了下，还挺早期，可以期待一下

• harper

  一个开源的 grammarly 替代品，用于英语语法检查。

• pangolin

  一个开源的 Cloudflare Tunnel 替代品。

• fliiipbook

  一个翻页动画的制作工具。

• vecto3d

  将 SVG 转成 3D 模型。

文章

• A short history of web bots and bot detection techniques

  从最简单的网络机器人（bots）到复杂的机器行为分析技术的演变历程，以及网站如何通过各种技术手段来检测和防御这些 bots。

• Recreating the bird animation from Swift.org

  最近 Swift 官网的设计更新了，这里有一个复刻其动画的实践。

• The New Skill in AI is Not Prompting, It's Context Engineering

  目前 LLM 领域正在从提示词工程转变到上下文工程。

• Google 发布 Gemini 2.5 系列的稳定版，增加了 2.5 Flash Lite 并调整了 2.5 Flash 的价格。
• Midjourney 也发布了它们的首个视频生成模型。

有趣

• Workout Cool

  一个免费开源的健身平台，本来有个个 workout.lol 的，被收购并被抛弃后，某个贡献者就重写了一个。

工具

• Biome v2

  Rust based 的 Web 工具链 Biome 目前发布了 v2 更新。

文章

• Building the Twitter 1.0 Web Experience

  一个关于Twitter Lite PWA如何随着时间的推移进行优化以及它带来的好处的案例研究。

• Animating zooming using CSS: transform order is important… sometimes

  用 transform 来做缩放动画可能会有坑。

• The State of React and the Community in 2025

  Redux 负责人 Mark Erikson 记录了 React 生态在 2025 年的状况。

• Bringing React's <ViewTransition> to vanilla JS

  参考 React 的 <ViewTransition> 组件来用 JS 封装 View Transition API 的逻辑。

• WWDC: Apple 将统一以年份作为旗下各系统的新标记方式，Safari 26 beta 也支持了 WebGPU 。
• WWDC: Apple 正式推出了全新的全（自家）平台通用设计，基于 Liquid Glass 材料。（一时引来全网开发者们纷纷贴出自己的实现方案
• WWDC: Apple 在开发工具方面还发布了Containerization framework 来支持 Linux 容器镜像以及 Foundation Models Framework 来接入 Apple Intelligence。
• MIstral 终于也发布了它们的 reasoning model : Magistral 。
• Open AI 推出了旗下 reasoning model 的增强版：o3 pro，并将 o3 的价格降低了 80%。
• 字节发布了视频生成模型：Seedance 。在 text-to-video 和 image-to-video 的榜单双双超越了 Google 的 Veo3 ，排在第一位。

有趣

• The 2025 Pinterest Midyear Trends Report

  2025年 Pinterest 年中趋势报告揭示了 Z 世代转向自然、数字排毒和占星术启发的审美趋势。

工具

• Oxlint v1.0 Stable

  OXC 旗下的 Linter 工具目前发布了 1.0 稳定版了。

• Dia Browser

  The Browser Company 宣布旗下新浏览器 Dia 对 Arc Browser 用户开放。

文章

• The last six months in LLMs, illustrated by pelicans on bicycles

  过去半年的 LLM 发展总结。（没错，2025 已经半年了

• Physicality: the new age of UI

  文章回顾了 Apple UI 设计的历史演变，以及猜测即将到来的新一代用户界面设计趋势。（WWDC 25 前的猜测

• 传闻 OpenAI 将会收购 WindSurf ，然后 Anthropic 就开始限制了 WindSurf 对其大模型的访问。（商战
• Gemini 2.5 pro 发布了正式版之前的最后一次更新：preivew-06-05 ，各项能力得到提升，在 LMArena Leaderboard 排第一，超过自己的上一个 preview-05-06 版本。
• ElevenLabs 发布了最新的 TTS 模型 Eleven v3 ，效果拔群。
• Cursor 发布了 1.0 。
• TypeScript 将更新 tsc --init 的 tsconfig.json 模板，默认为 ESM 格式。

有趣

• State of CSS 2025

  2025 年 State of CSS 问卷调查开放填写了。

• the 2025 Apple Design Award winners

  2025 年 Apple 设计奖的获胜名单。

工具

• Magic Path

  一个 AI 生成设计图的工具。

文章

• Progressive JSON

  相比与深度优先的流式传输 JSON ，你还可以使用广度优先的方式来传输。

• A JavaScript Developer's Guide to Go

  一个为 JS 开发者准备的 Go 语言入门指南。

• Is It JavaScript?

  尽管我们熟悉的 JavaScript 代码通常被认为是普遍和标准化的，但实际上它在不同环境中的实际运行情况是不同的。有浏览器版 JS ，服务端版 JS 等等。

• Post-Chat UI

  传统的用户界面正在 AI 的影响下逐步转变。

• 跨文化设计实践：多语言字体的文化适配术

  一些多语言字体的适配案例。

• DeepSeek R1 更新了 0528 版本，编码能力得到升级。
• Black Forest Labs 发布了新的图片编辑模型 Flux.1 Kontext ，开源的 Dev 版本还没放出。
• Opera 发布了一个新的 AI Agentic 浏览器：Neon。（怎么感觉 Opera 一直有新的浏览器
• Remix v3 被重新设计为一个更接近 Web 本质的框架，强调简洁、清晰和性能，同时不牺牲开发者的功能强大。Remix v3 将不再依赖 React，而是采用 Preact 。
• 尤雨溪宣布基于 Rolldown 的 Vite 已可通过 rolldown-vite 包体验。

有趣

• the 15th Annual Stack Overflow Developer Survey

  新一年的 Stack Overflow 开发者调查问卷开始开放填写了。

• CSS Minecraft

  使用 HTML 和 CSS 实现的 Minecraft 。

工具

• microsandbox

  一个可私有部署的沙盒工具，支持多种编程语言，并集成了代码执行环境，用于在隔离环境中运行代码。

• The Thiings Collection

  一套精美的拟物化图标。

文章

• Reinvent the Wheel

  “不要重造轮子” 可能会阻碍人们去了解某些底层原理。

• Why are 2025/05/28 and 2025-05-28 different days in JavaScript?

  冷知识：在 JavaScript 中，日期字符串2025/05/28和2025-05-28由于解析不一致会表示成不同的日期。问题在于早期在处理没有明确时区偏移的日期时间字符串时的处理方式不一致。（这就是 JS.jpg

• JetBrains 发布了 JetBrains AI Assistant 的 VSCode 插件。（和微软一样从卖产品到卖服务的转变？
• Microsoft Build：VSCode 表示为了更好地作为一个开源 AI 代码编辑器，即将把 GitHub Copilot Chat 开源。
• Microsoft Build:：微软宣布也将 Windows Subsystem for Linux(WSL) 的代码开源了。
• Microsoft Build:：微软将在 Windows 上原生支持 MCP 。
• Google I/O：新的视频模型 Veo3 和图片模型 Imagen 4 以及电影生成工具 Flow 。
• Google I/O：发布了 Coding Agent Jules。（各家都要有？
• Google I/O：Google 收购了 Figma 上的 AI 生成设计工具 Galileo AI，并 rebrand 成了新产品：Stitch。
• Anthropic 发布了最新一代旗舰模型：Claude 4 Opus 和 Sonnet 。
• 据 Bloomberg 报道，Apple 正计划在 2026 年推出其首款智能眼镜。
• 经典稍后阅读工具 Pocket 宣布将要停止服务。（才知道 17 年被 Mozilla 收购了
• Java 30 岁了。

有趣

• A Brief History of JavaScript

  JS 也即将 30 岁了，Deno 列举了 JS 的简史。

• THE WAY OF CODE

  Anthropic 和 Rick Rubin 整的一个大活，用道德经来解释 Vibe Coding 。（页面设计好看

• Horizon Drive

  Shopify 发布的一个 Web 端赛车游戏，使用 Threejs 和 React 开发，质量还不错。

工具

• TypeScript Native Previews

  TS 的 Go 移植版本现在发布了 preview 版，可以试试。

• Zod v4

  热门 TypeScript 类型校验库 Zod 发布了 v4 版本。

• snapdom

  又一个截取 dom 为图片的库，看了下，也是利用了 svg 的 foreignObject 来实现的。

文章

• Mobile Bridge: Making WebViews Feel Native

  Shopify 开发团队通过 Mobile Bridge 框架重塑了 WebView，提高了其性能，使其外观和集成更贴近原生应用。

• ESLint v9: A retrospective

  Zakas 回顾 ESLint 发布 v9 以来的一些做得对与不对的地方。

• 6 Ways Slack, Notion, and VSCode Improved Electron App Performance

  Amila Welihinda 通过超过十年的经验指出，通过各种优化手段，Electron 应用可以实现与本地应用相当的性能。

• Firefox 将源码挪到 GitHub 上了。
• WindSurf 也推出了自己的 Coding 模型系列 SWE-1 ，推广期免费试用。
• Airbnb 与前 Apple 设计总监 Jony Ive 合作，发布了新的拟物化设计改版，并推出新的 Icon 格式 Lava ，专注于 3D 动画效果。
• Google 也发布了 Material Design 3 的新版本 Material Design 3 Expressive。
• OpenAI 发布了 Codex ，一个云端的软件开发 Agent ，目前只对 ChatGPT 付费用户/学生用户开放。

有趣

• YC Graveyard

  网站列举了 YC 投资了但最后死掉的产品。

• Total TypeScript Essentials

  一套 TypeScript 的电子课程，免费，作者是 TS 专家 Matt Pocock 。

工具

• feedsmith

  一个新的 RSS 处理工具。

• rybbit

  一个开源的 Google Analytics 替代品。

文章

• The Height Enigma

  探讨 CSS 中的 height 原理的互动式文章。

• What is HDR, anyway?

  介绍 HDR 的一篇文章。

• How Office Is Modernizing Their App Suite’s UI using Windows App SDK and React Native

  微软工程师分享了 Office 如何使用 Windows App SDK 和 React Native 进行现代化改造。

• Qwen 发布了最新的 Qwen3 系列模型，非常均衡的一代。
• OpenAI 支持了通过 API 生成图片。
• Gemini 2.5pro 更新了 05-06 版本，前端开发的能力进一步增强。
• Apple 正打算在 Safari 中引入 AI 搜索。
• 老牌 JS 动画工具 GSAP 宣布 100% 免费了。
• Redis 又重新开源了。（许可证的切换）
• Epic Games CEO 宣布与 Apple 的官司打赢了，Apple 在美国不能禁止 App 使用第三方支付。

有趣

• The history of album art

  早期唱片到现代专辑包装的历史演变。

• TypeScript is Like C#

  通过比较 TS 来学习 C# 的一系列资料。

工具

• hydra

  一个开源的游戏启动器。

• VRam Calculator

  一个在线的工具，可以看看跑不同的 LLM 需要多少显存。

文章

• Claude Code: Best practices for agentic coding

  一些使用 Claude Code 的最佳实践。

• AI Horseless Carriages

  作者认为现在许多 AI 应用都是带着旧世界思维来开发的，就如同以前的人无法想象没有马的车是怎样的，文中以 Gmail 举例吐槽。

• OpenAI 发布了 GPT 4.1 系列模型，在编码、指令执行和长文本理解方面超越 GPT 4 ，目前仅在 API 中提供，并且将逐步淘汰 GPT-4.5 Preview 。（4.1 > 4.5 ?
• 两天后 OpenAI 又发布了最新的推理模型 o3 和 o4 mini 。
• 据报道，OpenAI 正寻求以 30 亿美元收购 AI 工具 WindSurf。
• Google 正式发布了 Gemini 2.5 Flash ，支持按需开启 “思考模式”。
• 在上周的 TC39 会议上，与会者一致同意放弃了 Tuple 和 Record 的提案，取而代之的是 Composites 的提案来到了 Stage 1 。

有趣

• State of AI

  Vercel 发起的 AI 使用调查问卷结果出炉。

• judyrecords

  一个可以搜索数亿个美国法院案件和诉讼的搜索引擎，还提供 API 。

工具

• @openai/codex

  OpenAI 也推出了个类似 Claude Code 的开源 CLI 工具，UI 是用了 React，随后就有人 fork 变成了更 open 的 open-codex。

• webtui

  有人把 React 带到 CLI 工具中，自然也有人把 TUI 带到 Web 上。

• VERT

  可私有部署的文件转换器。

文章

• JSX Over The Wire

  Dan 又通过三个不同的故事解释了为什么你可能希望你的 API 通过网络发送 JSX。另一种选择是在你的客户端应用和 REST API 中维护并行的组件和 viewModel 树。

• The Post-Developer Era

  Joshwa 两天前发布的文章认为 AI 会增强而非替代开发人员的工作，而现在，他认为尽管 AI 提高了效率，但并没有达到 “后开发人员时代” 的水平。

• How to Build an Agent

  构建一个完全功能的代码编辑 Agent。

• Stevens: a hackable AI assistant using a single SQLite table and a handful of cron jobs

  使用单个 SQLite 表和几个 cron 作业构建一个有用的 AI 助手。

• Google Cloud Next: Gemini API 正式推出 Live API ，以及支持了视频生成的 Veo 2 。
• Google Cloud Next: Gemini 2.5 Flash 即将推出，现在未有更多信息。
• Google Cloud Next: Google 推出 Agent2Agent 协议，便于各种 Agents 之间通信。与 MCP 的关系的话，按 Google 自己的话来说就是：不冲突，MCP 是 Agent 与工具沟通用的，A2A 是 Agent 与 Agent 沟通用的。
• Google Cloud Next: Google 推出了 Firebase Studio，一个类似 V0, Bolt 和 Replit 的快速开发应用的平台/工具，继承于之前的 Project IDX。
• 劈柴在问了网友意见后表示之后也会接入 MCP 的使用。
• Moonshot 发布了 Kimi-VL，一个轻量级的 3B 视觉模型，在推理任务中的表现可媲美 10 倍以上的模型。
• Rspack 加入了 Next.js 生态，支持在 Next.js 中接入。（Next.js 自家的 turbopack 不太行啊
• Cloudflare 推出了 Vite 插件，得益于 Vite 6 的 Environmental API 。
• Cloudflare 即将支持容器化部署。
• GitHub 疑似屏蔽所有中国 IP 地址访问。（后面 GitHub 表示是错误配置导致，目前已恢复。什么赛博关税

有趣

• How Sonic DNA Connects Generations of Music

  对音乐采样的一个数据可视化项目，非常有意思。

• AI 2027

  一些对 AI 未来几年发展的预测。

工具

• notion-mcp-server

  Notion 推出了官方的 MCP server。

文章

• Reflexive AI usage is now a baseline expectation at Shopify

  Shopify 的创始人 Tobi Lutke 在给公司的内部信中强调了使用 AI 的重要性。

• Design for the AI age

  在 AI 时代，设计必须适应 AI 技术带来的无序性，通过制定形式来引导功能。

• React for Two Computers

  Dan Abramov 写的一篇超级长文，又是介绍 Server Components 的概念。

• The Best Programmers I Know

  一些优秀开发者所具备的特质。

• Tauri vs. Electron: performance, bundle size, and the real trade-offs

  又一篇对比 Tauri 和 Electron 用于跨平台应用的选择，辅以实际对比和基准测试数据的详细分析。（最终选择了 Tauri）

• Elon Musk 宣布 xAI 收购了 X （推特）。（更光明正大地使用推文来训练 LLM?
• Sam Altman 宣布，OpenAI 将在未来几个月内发布自 GPT-2 以来的首个开放权重模型。
• Meta 发布 Llama 4 系列开源模型：Scout, Maverick 和 Behemoth。多模态，10m 上下文长度， Maverick 在 LLM 竞技场总榜第二，开源 LLM 第一。
• Firefox 终于也要支持 PWA 了，不过它们叫 Taskbar Tabs。

有趣

• State of Vue.js Report 2025

  关于 Vue.js 生态的报告。

• The Scaling Era: An Oral History of AI, 2019–2025

  Stripe 卖书的网站也太酷炫了吧。

工具

• kilocode

  AI Code Agent 工具中，之前有 Cline ，然后 fork 出了 Roo Code，现在又多了一个 Roo Code 的 Fork。。

• animejs

  animatejs 更新了 4.0，全新网站和文档页面太炫酷了。

• bare

  一个更轻量级和模块化的 JS Runtime。

• gemini-code

  一个类似 Claude Code 的 Gemini Code 。

• Open Nutrition

  一个提供食物相关信息数据的网站。

文章

• React Native: 10 years

  React Native 发布 10 年了。

• The name doesn’t matter (that much)

  某种程度上，命名没那么重要。

• Item Flow, Part 1: A new unified concept for layout

  WebKit 博客提出了一个新的统一布局概念 Item Flow，旨在将 Flexbox 和 Grid 的布局功能更紧密地结合起来，以支持更多设计和布局选项，包括但不限于瀑布流式布局。

• Minimal CSS-only blurry image placeholders

  使用纯 CSS 实现的模糊图像占位符。

• A glimpse into the history of Windows design

  文章通过三位微软设计师的视角，回顾了从 Windows XP 到 Windows 11 的设计演变，并讨论了设计原则、技术进步与设计决策等方面。

• 上周 Next.js 被爆出一个可绕过鉴权的漏洞，Vercel 对此的行动太慢导致竞品都出来拉踩一波，然后就有了 Vercel CEO 大战 Cloudflare CEO 和 Replit CEO 。
• OpenAI 也支持了 MCP 的使用。
• Google 发布了最新的 Gemini 2.5 系列的第一个模型 2.5 pro experimental ，模型能力登顶 lmarena。
• OpenAI 随后宣布 GPT4o 支持了生成图片的能力，效果之好一度导致全网都是吉卜力风格的图片，目前仅支持 ChatGPT 付费用户使用，之后会下放给免费用户以及开放 api 使用。
• Google 表示将简化 AOSP 的开发流程，取消 “内部分支+公开分支” 的策略，将所有开发转向在 “内部分支” 开发，再开源出来。（爱范儿将其解读为 “Google 决定终止开源 Android”

有趣

• typed-japanese

  通过 TS 强大的类型系统来构建日语的语法规则。

工具

• frimousse

  liveblocks 开源的一个 React Emoji picker 组件。

• model-viewer

  Google 开源的一个在浏览器预览 3D 模型文件的 Web compoennt。

文章

• How Cursor (AI IDE) Works

  又一篇介绍了 AI IDE 比如 Cursor 的工作原理，以及如何优化代码编写过程，使 AI IDE 更加高效和准确。

• 字节跨端框架 Lynx 发出 2025 的 Roadmap，准备在 8 月开源鸿蒙相关，10 月开源 Windows/Mac 相关。
• Claude 终于也支持了网络搜索。
• Gemini 也支持了预览代码的 Canvas 。
• Google 母公司 Alphabet 将以 320 亿美元的价格收购 Wiz，这是其在增强云安全方面的最大一笔收购交易。
• OpenAI 发布了其新一代 API 音频模型，用于文本转语音和语音转文本，使开发者能够通过文本自定义 AI 的语音风格，并提供多种语言的改进语音识别。同时也上线了个演示工具 openai.fm 。
• Apple 调整 AI 高管职位以试图扭转 Siri 的局面。

有趣

• Bubbles

  一个小游戏。

工具

• docs

  又一个 Notion 竞品，但有意思的是它是法国政府和德国政府联合推动的开源项目。

• fd

  一个简洁、快速且易用的 find 替代工具。

• cascii-core

  基于 Web 的 ASCII 和 Unicode 图表构建器。

文章

• Breadcrumbs Are Dead in Web Design

  文章表示在现代 Web 设计中，传统的面包屑导航（Breadcrumbs）已经不再是必需的，因为很多时候网页都不是线性的。

• How We Made our Rich Text Editor Load Faster

  CKEditor 团队通过一系列性能优化措施，使富文本编辑器的加载速度显著提升

• Apple 的 AI 优化版 Siri 要推迟到 2026 年了。
• Google 表示将在今年内用 Gemini 全面取代 Google Assistant 。
• Google 发布新一代多模态开源模型 Gemma 3，27B 的参数大小足以匹敌满血版 DeepSeek V3。
• Gemini 迎来了一波更新： DeepResearch 提供给免费用户使用，新的 2.0 Flash Experimental 支持图片编辑。
• OpenAI 游说白宫：既要放宽 AI 监管，又要打压 DeepSeek。
• TypeScript 之父 Anders 宣布了用 Go 实现的 typescript compiler：tsgo，比 tsc 快 10 倍，计划在 Typescript 7 中正式上线。（不用自己的 C# 和更热门的 Rust 是因为把已有 ts 代码 port 到 go 最方便
• 微软的 AI 负责人 Mustafa Suleyman 正计划减少公司对 OpenAI 的依赖，并推动开发自家的 AI 模型。
• Chrome 135 引入了 command 和 commandfor 属性，提供了一种声明式的方法来让按钮控制其他元素。

有趣

• Same.new

  一键拷贝目标网站。

工具

• filepizza

  一个在网页里 p2p 传文件的工具。

文章

• Here’s how I use LLMs to help me write code

  Simon Willison 分享了他使用大型语言模型来提高编程效率的方式。

• How the Jotai Store API Is Inspired by the WeakMap API

  Daishi 分享 Jotai Store API 的设计灵感来源于 WeakMap API，它利用了 WeakMap 的特性来提供更高效的状态管理。

• OpenAI 计划将 Sora 集成在 ChatGPT 中使用。
• 阿里发布 QwQ 32B 推理模型。
• Monica 团队推出了全自动 AI agent 工具 Manus ，引起热议。（不过该来的还是会来，马上就有社区开源版 OpenManus
• Google 在搜索结果页中加入 AI Mode ，不过目前还没完全开放。
• Microsoft 推出了 Dragon Copilot，一个语音医疗人工智能助手。

有趣

• CnC_Red_Alert

  EA 开源了《命令与征服》系列的部分游戏作品源码，其中包含了红警 1。

工具

• Lynx

  字节开源了自家的跨端框架 Lynx，类似 React Native 和 Flutter 的端渲染+自渲染结合的方式作跨端处理。

• Mistral OCR

  Mistral AI 推出了 Mistral OCR API，目前可以在 Le Chat 中使用。

文章

• Developing Taste

  使产品脱颖而出的是品牌、设计、直观性、整体体验。品味才是最重要的。

• Chrome on Android edge-to-edge migration guide

  最近的 Chrome 安卓版终于更新了 edge-to-edge 的特性，整体视窗高度会覆盖底下导航栏，Chrome 团队的 Bramus 分享如何迁移支持。

• Anthropic 发布 Claude 3.7 Sonnet 混合模型（即是普通 LLM 也可以是推理模型）还有一个专注于代码的工具 Claude Code。
• 阿里也发布了 QwQ-Max-Preview 的推理模型，目前在 Qwen Chat 中可用。
• OpenAI 发布了 GPT4.5 。
• 著名 VSCode 主题插件 Material Theme 被曝有多个可疑代码，目前已被 VSCode 官方下架。
• Perplexity 预告了即将发布一款叫 Comet 的浏览器。（大家卷完 AI IDE 之后卷 AI 浏览器了？
• Chrome 团队正准备上线 Observable API 的支持。

有趣

• State of React Native 2024

  2024 的 React Native 调查报告结果出炉。

工具

• neohtop

  一个监控系统情况的工具，基于 Svelte + Tauri。

• mdq

  类似 jq 的工具，不过是用来查 markdown 的。

文章

• A Million Little Secrets

  Josh Comeau 分享一些动画设计和落地页的小细节。

• The web on mobile

  作者讨论了移动端网页的现状和问题。尽管现代移动浏览器具备通知、离线模式和安全支付等高级功能，并且通过 WebAssembly 和 WebGPU 等技术，网页游戏的性能已经接近原生应用，但移动端网页的用户体验却普遍欠佳。

• DeepSeek 表示将在下周 5 天每天公布 1 个开源库。
• xAI 发布了最新的模型 Grok3 ，免费使用。
• Meta 将在 2025 年 4 月 29 日举办 AI 开发者大会 LlamaCon。
• Apple 也打算将 Gemini 接入到 Apple Intelligence 中。
• ESLint 现在官方支持了 CSS 的 linting。
• React 正式弃用其脚手架工具 Create React App ，从而推荐新手从其它脚手架框架开始。

有趣

• Making Software

  关于制作软件的各种知识，网站做得很好看。

• GitHubTok

  像刷抖音 / tiktok 那样刷各种热门 GitHub 项目。

工具

• mastra

  一个 TypeScript 的 AI Agent 框架。

文章

• AI is Stifling Tech Adoption

  文章表示了 AI 模型的集成已经在一定程度上抑制了开发者对新兴和潜在优秀技术的采纳。这是因为 AI 模型的训练数据通常在被采集和处理成数据集后很快就过时了，导致 AI 的知识更新存在时间滞后。这种滞后使得 AI 系统在新技术出现后不能立即有效支持用户采用这些技术，从而减少了采用这些新技术的动力。

• Google Gemini 推出 “全局记忆” 功能，支持回忆过往对话，尽适用于 Google One AI 高级计划的订阅用户。
• DeepSeek 效应：OpenAI 将在未来几个月内推出 GPT-5：整合 o3 等多项技术，可免费无限使用。
• DeepSeek 效应：百度宣布文心一言将于 4 月 1 日 0 时起全面免费。
• DeepSeek 效应：百度宣布将开源下一代文心大模型 4.5 系列。（“开源模型是智商税” “开源模型只会越来越落后” 是谁说的来着？
• Perplexity 也发布了 Deep Reseach 功能。
• Nodejs 正将 require(ESM) backport 到 Nodejs 22 和 Nodejs 20。

有趣

• State of React 2024

  了解过去一年里 React 生态的变化。同时还开放了 State of AI 2025 调查的填写。

• Website Carbon Calculator 检测你的网页够不够低碳。

工具

• Zonos

  一个开源的实时 TTS 模型，支持语音克隆。

• visprex 一个可在浏览器在线预览 csv 文件的工具。

• kanata 一个跨平台的键盘映射工具。

• style-observer 一个用于监听 CSS 属性变化的库。

文章

• Move on to ESM-only Anthony Fu 分享了 ECMAScript 模块（ESM）的现状和趋势，鼓励开发者和项目迁移至 ESM-only。

• Why Is Everyone Obsessed With Chat Interfaces?

  Chat UI 不是银弹。

• Zed now predicts your next edit with Zeta, our new open model

  Zed 编辑器推出了基于新开源模型 Zeta 的编辑预测功能，该功能能够通过按  tab  键应用预测的编辑，提高编码效率。Zeta 模型是基于 Qwen2.5-Coder-7b fine-tuned 而来的。

• minimum effective dose 文章探讨了 “最小有效剂量”（Minimum Effective Dose）的概念，即在生活中的各个领域，如锻炼、学习和艺术创作，通过尽可能少的努力实现持续的改进和积累。

• Why I rebuilt ProseMirror’s renderer in React

  前 NewYork Times 的工程师分享开发 ProseMirror 的 React 渲染器时遇到的问题。

• YouTube’s New Hue Youtube 更新了它的品牌红色。

• 就在大家仍沉浸在 DeepSeek R1 带来的震撼之际，DeepSeek 又推出了多模态模型系列 Janus。（试了下图片生成质量一般般，但是图片理解能力挺好的
• Qwen 也不甘示弱，发布了最新的视觉模型 Qwen 2.5VL ，支持操作设备。
• OpenAI 发布了 o3-mini。
• OpenAI 发布 Deep Research，帮助复杂信息的查询与分析。（这么巧，你也叫 Deep Research ?
• Google 正式发布了 Gemini 2.0 ，包括 2.0 pro。
• Google 把 Pebble 智能手表的相关代码给开源了，Pebble 创始人打算将其复活。（关系是 Pebble → Fitbit → Google
• GitHub Copilot 宣布了好几个更新，其中包含了 Agent Mode 的支持。
• 书接上回，Oracle 仍试图维持对 “JavaScript” 商标的控制权。
• Honeypot 上线 ▶️ Angular 纪录片正片。

有趣

• OpenRA

  一个开源项目，旨在重建和现代化经典的实时战略游戏，比如红警和沙丘。

• Gamedev.city

  面向游戏开发者的 Hacker News。

工具

• lightpanda

  专为人工智能和自动化设计的无头浏览器。

• waydroid

  使用容器化的方法来启动一个完整的 Android 系统在运行 Wayland 基于桌面环境的常规 GNU/Linux 系统上。

• squish

  基于浏览器的批量图像压缩工具。

• unpic-img

  一套图片显示组件，以便遵循最佳实践。

• standard-schema

  Zod、Valibot和 ArkType 的作者们一起定义了一个使用 JavaScript 和 TypeScript 验证库的通用接口。（大一统

文章

• The untold behind the scenes story of React Native in Shopify

  Shopify 的前 CTO 在 X 上又补充了许多在 Shopify 觉得 All in React Native 的故事。

• Things people get wrong about Electron

  Electron 项目的维护者 Felix Rieseberg 澄清了关于 Electron 的一些误解，强调了 Electron 结合 Web 技术和原生代码以及它在性能、安全性和可靠性方面的独特优势。

• Which rich text editor framework should you choose in 2025?

  2025 年来看现在的富文本编辑器框架选型，仍然是 Tiptap 为首选。

• DeepkSeek 正式推出新一代推理模型 R1 ，以更低的训练成本和 API 价格，展现出可与 OpenAI o1 匹敌的性能，引发国际瞩目。
• 月之暗面的 Kimi 也发布了同样新一代推理模型 k1.5，同样有匹敌 OpenAI o1 的性能，且是多模态。
• Google DeepMind 也推出了 Gemini 2.0 Flash Thinking，这是一个新的免费实验性人工智能模型，在数学、科学推理和多模态基准方面创下了新高。
• OpenAI 推出了 Operator ，一个可以独立浏览 Web 浏览器来完成日常任务的 Agent ——这是 OpenAI 迈向自主 AI Agent 的第一步。
• Perplexity 推出 Perplexity Assistant，一个可接入其它手机 App 来完成复杂任务的类 Agent 工具，目前只有 Android 版。
• Sam Altman 透露，未来在 ChatGPT 的免费版中支持使用即将推出的 o3-mini 模型。（评论区都在感谢 DeepSeek
• TailwindCSS 4.0 发布了，性能提升并且改为以 CSS 配置优先。

有趣

• Nokia Design Archive

  芬兰 Aalto 大学公开诺基亚设计档案。

• cs16.css

  基于反恐精英 1.6 UI 的 CSS 库。

• SQL Tutor

  一个在线的交互式 SQL 教学网站。

工具

• Trae

  字节版的 Cursor 竞品。（看看电脑里装了多少个 VS Code 了

• React Bits

  收录了多种 React 动画实现。

文章

• AI Coding 编辑器没有那么神秘 - How Cline works

  文章介绍了 AI 编程工具 Cline 的工作原理和实现思路，以及如何通过 LLM 和 Tool Use 能力来完成编程任务。

• The UX of login codes

  关于登录验证码模块的 UX 分析。

• Nintendo 发布了 Switch 2 的首个预告片。
• W3C 和 Ecma International 合作，通过 WinterTC（TC55）技术委员会推动服务器端 JavaScript 运行时的 Web 互操作性。

有趣

• Notion Faces

  Notion 推出的官方头像生成器。

• Learn Yjs

  使用 Yjs CRDT 库构建实时协作应用程序的交互式教程系列。

工具

• Google Labs FX

  Google Labs 的一些 AI 工具。

• 21st.dev

  CV 组件库集合。

文章

• Five years of React Native at Shopify

  Shopify 开发团队分享了其使用 React Native 的这 5 年来的经验和感受。

• Airbnb 死磕 React Native 惨败，微软却玩出花！Office、Outlook 全线接入，Copilot 成最大赢家

  在 QCon London 上，微软高级软件工程师 Lorenzo Sciandra，同时也是 React Native 的维护者，解释了微软为何选择这种跨平台开发方法，尽管微软已有.NET MAUI 和 C++ 跨平台方案。

• 纯血鸿蒙微信 App 正式上线！依然使用了 Flutter，依然没说清哪里用了 Flutter

  鸿蒙版微信依然使用了 Flutter。

• What's involved in getting a "modern" terminal setup?

  如何搭建一个现代化的终端环境。

• Deepseek 发布了 V3 模型，刷新了开源模型的跑分。
• 在 CES 2025 上，Nvidia 推出了 Project Digits，一款桌面级的个人 AI 超级计算机。
• xAI 推出了 Grok 的独立 App。
• Node.js 从 23.6.0 开始支持直接执行 ts 文件。

有趣

• LangChain State of AI 2024

  LangChain 发布的 2024 AI 报告。

• 2024 JavaScript Rising Stars

  看看过去一年有哪些开源项目获得 star 数比较多的。

• Stimulation Clicker

  Neal.fun 这次新的网页是个点击获得奖励的游戏，质量很高，发人深省。

• DOOM: The Gallery Experience

  又是 DOOM，不过是拿着红酒杯在画展看画哈哈哈。

工具

• Ghostty

  一个新的终端程序，支持 Linux 和 Mac。

• blackcandy

  一个自托管的音乐流媒体服务。

文章

• Things we learned about LLMs in 2024

  回顾 2024 年的 LLM 发展。

• File Over App: A Philosophy for Digital Longevity

  文章介绍了 “文件优先于应用” 的数字永续哲学，强调使用开放可访问的文件格式，如 Markdown、HTML 和纯文本，以确保数据的长期保存和可读性。

• Meta 收购了 Manus。

有趣

• awesome-agentic-patterns

  一些常见的 agent 范式。

工具

• witr

  检测某个进程为啥运行。

• MAI-UI

  阿里的 MAI 团队也开源了 Phone use 的 agent 。

• worktrunk

  对 git worktree 封装的一个工具，方便多开同时编辑。

• openworkers

  一个迭代多年，现在开源的私有部署 workers 方案，兼容 Cloudflare workers。

• Infographic

  AntV 推出的声明式信息图生成与渲染框架。

文章

• 友好的 Python：从其他语言移植

  横向对比看看是 Python 味。

• Claude Code 5 亿美元背后的 AI 工程革命

  关于 Claude Code 的故事。

• Claude Code 作者 Boris 的 9 条实战技巧

  Boris 在 X 上分享的 9 条实战技巧。

• Web 字体工程实践：DX、子集化与性能平衡

  即刻团队分享的 Web 字体工程实践。

• 2025: The year in LLMs

  Simon Willison 发布了他一年一度的 LLM 年度回顾，全面梳理了过去一年大语言模型领域的重大进展。

• The Hitchhikers Guide to LLM Agent

  关于 Agent 的基本概念、上下文工程、评估方法、内存使用以及子代理模式等方面的深入讨论。

• A Guide to Claude Code 2.0 and getting better at using coding agents

  一些 Claude Code 2.0 的核心功能和使用技巧。

• How Browsers Work

  一个互动式的教程，介绍浏览器的运行逻辑。

• Microsoft 发布了 Phi-4，一个 14b 参数的小语言模型，它在数学推理方面优于 GPT-4o 和 Gemini Pro 1.5 。
• Google 发布了新一代的视频生成模型 Veo 2 和图片生成模型 Imagen 3。（都赶着在年底放出大招和 OpenAI 抢关注度
• ChatGPT Search 目前已对所有人开放，之前是只对付费用户开放的。
• OpenAI 推出了 o1 模型的 API 以及通过拨打 1-800-CHATGPT (1-800-242-8478) 电话热线访问 ChatGPT 的方式。
• GitHub 宣布可以在 VSCode 中免费使用 GitHub Copilot （有每月限额）。
• NVIDIA 推出了手掌大小的 Jetson Orin Nano 开发者套件（小主机），249 美元，以之前型号的价格少一半但提供显著的性能提升。（AI 版的树莓派
• Google 又接着推出了 Gemini 2.0 Flash Thinking，一个新的实验模型，可以解锁更强大的推理能力并展示它的思考过程。（对标 o1
• 紧接着，OpenAI 发布了新一代推理模型 o3 和 o3 mini 模型。（考虑到 o2 与某个公司名字一样，避免版权冲突，就跳过了
• 因为维护者的 token 被盗用，VantUI 和 Rspack 被发布了数个含有恶意代码的版本。

有趣

• State of JavaScript 2024

  State of JS 2024 调查报告结果发布了。

• State of Developer Ecosystem Report 2024

  JetBrains 的开发人员生态状况报告结果发布了。

工具

• lazydocker

  在终端里管理 docker 的 TUI 工具。

• clay

  一个 UI 布局的 C 语言库，支持类似 flex 的布局。

• Base UI

  一个新的 unstyled 组件库，MUI 旗下，有点 Radix UI 的精神续作的味道。

文章

• Solved By Modern CSS: Feature Image

  使用容器查询和 CSS :has() 来实现首页图片的效果。

• Meta 发布了 Llama 3.3 70B 模型，提供了 405B 模型的性能，但更小更快。
• OpenAI 正式发布了视频生成模型：Sora，ChatGPT Plus 和 Pro 订阅者可用。
• xAI 推出其新的图像生成模型 Aurora，该模型向所有 X 用户开放。
• Google 发布了新的量子计算芯片 Willow，在纠错和计算速度方面实现了重大性能突破，展示了未来有用的大规模量子计算机的潜力。
• Google 发布了 Gemini 2.0，具备更高级的多模态输出和工具使用能力，其中 Gemini 2.0 Stream Realtime 可以在 aistudio 中免费使用，支持文本、语音、视频或屏幕共享互动。
• Google 继 Daydream （VR）之后再次进军 XR 领域，宣布了基于 Gemini 的混合现实系统 Android XR。

有趣

• Shopify - The Boring Edition

  Shopify 的假期整活版本页面，纯文本风，把光标放 title 上的 Boring 上面有惊喜。

• Cloudflare’s Year in Review 2024

  Cloudflare 的 2024 年年度回顾中揭示了关于互联网流量的许多有趣数据点。

• Timemap.org – Interactive Map of History

  一个蛮有趣的项目，通过时间线来了解历史遗迹。

工具

• markitdown

  活久见，继 Google Docs 支持 markdown 格式的导入导出后，Microsoft 官方也开源了个工具将 Office 文件转 Markdown 了。

• Limbo

  用 Rust 重写 SQLite 。

文章

• Understanding the main thread in the browser

  关于浏览器中的主线程的概念、单线程的原因、事件循环机制以及主线程如何处理任务。

• State of Node.js Performance 2024

  2024 年，Node.js 已经发布到版本 23，每年发布两个主版本，本文详细分析了 Node.js 在过去一年中的性能演进，特别是在版本 20 至 22 之间的对比。

• Prisma ORM 发布了一个宣言，提到了要改善问题管理、加快预览特性的普及等等未来的发展，但值得值得注意的是在 RIIR 浪潮中，为了更方便地定制与拓展， Prisma 准备把核心逻辑从 Rust 迁移到 TypeScript 。
• Arc 浏览器的公司 The Browser Company 预告新的浏览器 Dia，以 AI 特性为卖点。（不得不说它们的设计真的很好看
• 据报道，OpenAI 正在探索将广告引入其 AI 产品，以寻求新的收入来源。
• 腾讯发布「混元」文生视频模型。
• Amazon 发布 AI 系列模型：Nova 。
• OpenAI 在其 “12 days of OpenAI” 活动的第一天发布了o1 模型的正式版，并推出了一个新的 ChatGPT Pro 订阅计划，价格为 200 美元/月。
• Microsoft 推出其下一代的 AI 助手：Copilot Vision，可以让 Copilot 实时查看用户在 Edge 浏览器上浏览的网页并给予反馈。（第一反应是隐私。。第二反应是实时上下文有点厉害
• React 发布了 19 正式版，主要就是更偏向原生 HTML，更注重开发体验了。

有趣

• Facebook's Little Red Book

  此小红书非彼小红书。Facebook 在 2012 年制作了一本内部发行的 “小红书”，旨在巩固公司文化和愿景，并在快速扩张期间保持团队的一致性。

工具

• IBM Plex

  IBM 的开源字体 Plex Sans 现在更新了简体中文的包。

• skia-canvas

  一个基于 Skia 的 Nodejs Canvas 实现。

• kaluma

  一个能跑在树莓派 Pico 上只占 64KB 内存的 JS runtime。

• The Data Visualisation Catalogue

  一个数据可视化相关方法论的集合。

文章

• Structured Editing and Incremental Parsing

  结构化编辑（structured editing）和渐进解析（incremental parsing）的优势与劣势的比较，强调了渐进解析能够提供传统文本编辑的灵活性，同时保持语法分析能力的优势。

• CSS Wrapped 2024

  Chrome 团队发布的 2024 CSS 年度报告，介绍了 Chrome 浏览器在 CSS 方面的最新进展和特性，包括组件样式、交互体验以及开发者体验的改进。

• 得物商家客服从 Electron 迁移到 Tauri 的技术实践

  得物的一篇实践文，Tauri 还是蛮多坑的。

• Anthropic 推出了开源的 Model Context Protocol（MCP），旨在通过一个统一的标准连接 AI 助手与数据源，以提高 AI 系统的响应质量和相关性。
• OpenAI 的视频生成模型 Sora 被泄露了。
• 阿里的 Qwen 也推出了对标 o1 的推理模型： QwQ-32B-Preview 。
• Nodejs 作者 Ryan Dahl 以 Deno 公司的名义正式向美国专利和商标局（USPTO）递交了一份针对 Oracle “JavaScript” 商标的撤销申请。
• Vite 发布 6.0，带来了实验性的 Environmen API 。
• Tailwind CSS 发布了期待已久的 4.0 beta 1 版本，带来性能提升和统一工具链等等的优化。
• 啊这？Chrome 联合 Opera/Vivaldi/Waterfox 等成立联盟对抗 Microsoft Edge 。

有趣

• GenChess

  Google Labs 推出了 GenChess，这是一个使用 Gemini Imagen 3 的新 Web 实验，允许用户通过 AI 图像生成创建自定义棋子。

工具

• kew

  一个在终端里的音乐播放器。

• Codate

  一个在线工具，可以生成自定义日期格式，如连字符、斜线、虚线等，支持11种语言，包括JS、PHP、Python、C#、Java等。

文章

• Frosted Glass from Games to the Web

  基于游戏 地平线 3 UI 设计的灵感，这份详细指南探索了使用 CSS 和 JavaScript 在网页中重现雾化玻璃效果。

• A Framework for Evaluating Browser Support

  Josh Comeau 分享了他评估浏览器支持新 CSS 特性时使用的框架，涵盖了 Fallback Experience（回退体验）、Browser Breakdown（浏览器分布）和 Potential Harm（潜在伤害）等因素。

• 美国司法部出于反在线搜索垄断的理由，希望 Google 卖掉 Chrome。
• 随后据报道称，OpenAI 有考虑过自己开发浏览器以对抗 Google 。
• Mozilla 表示你们不要乱来，Chrome 被卖的话我就要死啦。（Google 每年付钱买默认搜索引擎位
• Vercel 收购了 grep.app 。
• State of JS 2024 开放填写。
• 第一个 Serverless 平台 AWS Lambda 已经 10 年了。
• Deepseek 上线了 R1-Lite-Preview 模型，具有 o1 级别的性能，目前只有 chat app 支持，之后会开源并上线 API。
• Google Deepmind 上线了 Gemini 实验性的模型 gemini-exp-1121 ，在 LM Arena AI 性能排行榜上重新夺回榜首。
• 据报道，Apple 正在开发下一代以 AI 驱动的 Siri。
• Amazon 追加了 40 亿美元投资给 Anthropic。

有趣

• 5 Million Developers

  Netlify 为庆祝获得 500 万开发者用户，制作了一个滚球的 WebGL 小游戏来回顾过去的一些里程碑时刻。（挺有意思

工具

• rio

  一个跨平台的终端软件。

• extism

  一个用于构建 WebAssembly（WASM）的框架。

• Grep

  之前一个搜索 GitHub 仓库很快的项目，现在被 Vercel 收购了。

文章

• 排版引擎纵谈：程序员的视角

  文章对比了几种排版引擎，以及对 CJK 文字的处理。

• Emoji 的隐藏玩法大揭秘

  关于 Emoji 的一些趣闻。

• 著名 React 动画库 Framer Motion 正在从 Framer 独立出来，成为一个框架无关的开源工具。
• CSS 有了个新的官方 Logo。
• NPM 作者新团队的新管理器 vlt 终于上线了。
• 博通宣布 VMware Workstation 和 Fusion 彻底免费，支持商用。

有趣

• Web AI Summit 2024 Recap

  Google 于 2024 年 10 月 18 日举办了首届 Web AI Summit，旨在汇聚全球在客户端机器学习领域的领军人物，探讨在浏览器中实现 AI 功能的最新进展和技术。

• Relativty

  一个开源方案的 VR 头显设备。

工具

• Windsurf

  AI 代码工具 Codeium 推出了 Cursor 的竞品：Windsurf ，同样是基于 VSCode 的 AI Editor。

• WebVM 2.0

  在浏览器里跑 Linux 的 WebVM 更新到了 2.0。

文章

• Imperative vs Declarative Programming

  关于命令式编程和声明式编程的区别。

• Overflow Clip

  Ahmad Shadeed 的这篇文章解释了 CSS 属性 overflow: clip 的工作原理，强调了它相对于 overflow: hidden 的优势。

• JSConf 正式加入 OpenJS Foundation，并将其品牌、Logo 和商标贡献给基金会，计划在未来举办独立的活动，以此推动 JavaScript 社区的发展和创新。
• OpenAI 买了 chat.com 作为 ChatGPT 入口。
• xAI API 上线，兼容 OpenAI 和 Anthropic 的 API 接口，年底前有 $25 / 月的免费额度。
• Gemini 也兼容了 OpenAI 的 API 接口，可以直接通过 openai sdk 访问。

有趣

• Nintendo Music

  任天堂推出的游戏音乐应用，可以听旗下多款游戏的 OST（还在逐步增加），需要订阅 Nintendo Switch Online。（原本打开大乱斗就是为了听歌，现在可以直接手机听了

工具

• Onlook

  一款开源的工具，用类似操作 Figma 的方式来编辑你的 React 应用。

• someday

  一个开源的日程安排工具。

• Tools kept it simple

  收录各种软件工具的网站。

文章

• How we sped up Notion in the browser with WASM SQLite

  Notion 通过在浏览器中使用 WASM SQLite 实现了性能优化，提高了页面导航速度，并解决了数据一致性问题。

• The Latest in Angular Change Detection – All You Need to Know

  文章首先回顾了 Angular 变更检测的基础知识，以及现在引入了 Signal 和 Zoneless 策略之后的变化。

• Monorepo - Our experience

  Ente 转用 monorepo 后，减少了重复性工作，简化了代码集成，从而改进了开发流程。

• Scroll-Driven… Sections

  用原生的滚动驱动动画的一篇教程。

• Designing For Gen Z: Expectations And UX Guidelines

  关于 Gen Z 们使用社交媒体的一些分析。

• The most effective ways to improve Core Web Vitals

  Google web.dev 提升网页性能指标的一系列文章导航。

• GitHub Copilot 拥抱多模型，将引入 Claude 3.5 Sonnet 和 Gemini 1.5 Pro。
• GitHub 2024 年的 Octoverse 报告显示，AI 的兴起推动了 Python 成为最受欢迎的编程语言，但 JS 在排行榜中被分开成了 JavaScript 和 TypeScript （分别排第二第三）引起争议。
• 同时 GitHub 发布一个叫 GitHub Spark 的工具，可以使用自然语言来快速开发小型应用。
• OpenAI 推出了 ChatGPT Search 功能，通过集成搜索引擎和直接从内容合作伙伴获取信息。
• Flutter 社区因为 Flutter 团队的人力短缺和发展缓慢而决定 fork 了一个分支，命名为 Flock 。
• React Native 在 0.76 默认启用其 “新架构” ，新的渲染系统，新的模块系统和新的 Event Loop 。
• Pichai 称 Google 超过四分之一的新代码都是 AI 写的，然后一堆 Google 员工吐槽 （乐

有趣

• ISS Docking Simulator

  SpaceX 推出的一个与空间站对接的模拟器。（过一把太空瘾 ❎ 急得高血压 ✅

• Make It Yourself

  一本免费的电子书，收录了 1000 个高质量 DIY 的案例，每一个都有链接跳转到对应的原始项目网站。

工具

• tinybench

  一个简单、小巧、轻便的 benchmark 库。

文章

• Writes and Write-Nots

  Paul Graham 认为未来几十年内，由于人工智能的发展，能够写作的人会变得越来越少，社会将分为能写（Writes）和不能写（Write-Nots）两个层次。

• How I write code using Cursor: A review

  作者分享了其使用 Cursor 编程工具的个人体验和评价。

• Linux 内核将数名俄罗斯的贡献者从维护者列表中移除，Linus 表示 “不可能恢复” 。 总结：蓝点网文章。
• Jetbrains 宣布 WebStorm 和 Rider 现在对非商业用途免费。
• Anthropic 宣布了升级版的 Claude 3.5 Sonnet 和新的 Claude 3.5 Haiku，以及公测版的 “Computer use” 功能，允许 AI 像人类一样操作计算机，有个第三方应用可以尝试。
• State of React 2024 调查问卷开放调查。

有趣

• Venomize my pet

  Sony 为宣传毒液新电影的一个工具网站，上传宠物的照片，生成一张被毒液附身的照片。

工具

• genaiscript

  GenAIScript 提供了一种 JavaScript 驱动的方式，以编程的方式组装 prompt 和处理响应。

• speedscope

  一个快速的、交互式的、基于 Web 的性能配置文件查看器。支持从各种语言（JS, Ruby, Python， Go等）的各种配置文件导入。

• whodb

  一个基于浏览器的数据库管理工具，支持 Postgres、MySQL、SQLite、MongoDB、 Redis。

文章

• Why I’m skeptical of rewriting JavaScript tools in “faster” languages

  作者对于使用如 Rust、Zig 或 Go 等更快语言重写 JavaScript 工具持怀疑态度，强调 JavaScript 仍有改进空间，并对重写工具可能带来的社区和调试复杂性表示担忧。

• 著名 JS 动画库 GSAP 被低代码建站工具 Webflow 收购。
• 在上周的 TC39 会议上，Google 提议将 JavaScript 标准分为 JS0 和 JSSugar，以便 JS0 专注于性能和安全，而 JSSugar 通过工具编译为 JS0 来快速演进。
• State of CSS 2024 年度报告结果出炉。

有趣

• One Million Screenshots

  OneMillionScreenshots 是一个允许用户缩放、平移和探索超过一百万个顶级网站主页的网站，提供类似于谷歌地图的网站互动体验。

• Best Free Fonts

  精选了 150 多种精美的免费字体，分为四类（衬线字体、无衬线字体、楷书字体和空格字体），来源广泛。

工具

• Graphite

  一款受 Blender 启发的 2D 程序设计 Rust Web-based 应用。

• whoogle-search

  一个自托管、注重隐私的元搜索引擎，它提供的谷歌搜索结果不含广告、跟踪、JavaScript 或 Cookie，可通过 Docker、Heroku 和其他平台轻松部署。

• open-canvas

  Langchain 团队出品的开源 ChatGPT Canvas 实现。

文章

• 谁也成为不了中国的 YouTube

  一则 2020 年的科普文，很好地解释了影视飓风说到的国内视频网站压缩视频的本质。

• The story of web framework Hono, from the creator of Hono

  Web 服务框架 Hono 的作者分享了 Hono 的起源和发展历程，以及它如何成为一个轻量级、高性能的 web 框架。

• Drag to Select

  一步一步实现拖拽多选。

• Meta 发布 Llama 3.2 多模态 LLM。
• ChatGPT 发布了 Canvas ，类似 Claude 的 Artifacts。
• Node.js 将在 v23 正式支持 require ESM ，工具库作者可以放心发布 ESM-only 的包了。
• Google 已经完全停止了其缓存功能，这是一个历史悠久的特性，用于在网页加载不稳定时帮助用户访问页面。
• Vuejs 和 Vite 作者尤雨溪宣布创立了 VoidZero，一家致力于为JavaScript生态系统构建开源、高性能和统一开发工具链的公司，并且已经获得了460万美元的种子基金，由 Accel 领投。
• ESLint 现在正式支持了 JSON 和 Markdown 。
• Deno 和 Tauri 都发布 2.0 版本了。
• 英国政府最近宣布将查戈斯群岛的主权移交给毛里求斯，这一决定可能会导致科技和游戏行业所钟爱的顶级域名之一：.io 的消失。

有趣

• BBC Sound Effects Archive

  BBC Sound Effects Archive 是一个提供个人、教育和研究用途的声音库，收录了来自世界各地过去 100 年的超过 33,000 个声音片段，包括 BBC Radiophonic workshop 制作的片段、伦敦轰炸时期的录音、BBC 电视和广播剧集专用效果，以及自自然历史单位档案馆收集的 15,000 个自然声音录音。

• Google Chrome Built-in AI Challenge

  Google 正在举办一个新的 Chrome "内置 AI" 挑战赛，其中提供现金奖励。

• The winners of the js13kGames 2024

  最新一届 js13kGames 游戏竞赛的获胜者名单已经公布。在短短 13KB 的空间里，竟然能完成如此多的游戏。

• Time flies

  玩英文谐音，一直飞舞的苍蝇告诉你现在几点。

工具

• bolt.new

  StackBlitz 推出的一个 AI 驱动的开发沙盒环境。

• unifont

  与框架无关的工具，用于访问字体 CDN 和提供商的数据。

文章

• A Local-First Case Study

  一个 Local-First 开发的实际案例。

• How Josh W. Comeau Rebuilt His Blog, App Router Style

  Joshua 最近使用 Next.js、MDX、Sandpack 以及一系列其他技术重新构建了他的个人网站，并深入探讨了其中涉及的所有内容。

• Redesign Case Study

  Ahmad Shadeed 也重建了自己的网站，不过更加注重设计。本案例研究深入探讨了他的设计理念和过程。

• 21 UX strategies to maximize user engagement without exploitation

  网页主要介绍了 21 种用户体验（UX）策略。

• Safari 18 上线，带来了 View Transitions 和 Style queries 等一大波特性更新。
• LinkedIn 被曝正在使用所有人的内容来训练他们的 AI 工具。
• State of HTML 2024 调查问卷开放填写了。
• 高通寻求收购英特尔。（这下可不仅仅是比真牙膏厂还拉了
• JetBrains AI Assistant 编程助手正式在国内发布，基于阿里通义大模型。

有趣

• H1 Gallery

  互联网上最好的营销标题的集合，展示了创造性的方式来写吸引人的标题。

• Nothing: Simply Do Nothing

  一个提倡啥都不做的计时器，鼓励用户放慢脚步，享受静默，并通过故意选择不做任何事情来缓解心灵。

工具

• Void Editor

  Cursor 编辑器火了之后，自然就会有开源竞品出现，这个 Void Editor 就是。同样基于 VSCode 。

文章

• Forget ChatGPT: why researchers now run small AIs on their laptops

  随着 AI 模型的发展，研究人员现在可以在个人电脑上运行小型的 AI 模型，而不是依赖网络服务，这种趋势带来了成本节约、隐私保护和可重复性的好处。

• Compile and run C in JavaScript

  Bun 引入了从 JavaScript 编译和运行原生 C 代码的实验性支持，提供了一种新的方法，用于在 JavaScript 中使用系统库，避免了 N-API 和 WebAssembly 的复杂性和性能问题。

• Visual guide to SSH tunneling and port forwarding

  文章介绍了 SSH 隧道和端口转发的概念、配置、使用场景、以及局限性，并提供了详细的示例和配置指南。

• The continuing tragedy of emoji on the web

  目前在网页上使用 emoji 会有个问题，由于不同浏览器和操作系统的 emoji 字体版本不一致，用户在查看同一 emoji 时可能会看到不同的图案。

• Crafting Apple Watch animations

  作者分享了在网页上实现 Apple Watch 动效的方案。

• Making Orbit Animations with CSS Custom Properties

  循序渐进地介绍了如何使用 CSS 自定义属性（变量）来创建复杂的轨道动画

• OpenAI 发布首款具有推理能力 o1 系列模型，可“思考”后自我核实答案正确性，减少“幻觉”。
• ChatGPT 网页从 Next.js 迁移到了 Remix 。
• 经典 Node.js Web 框架 Express 终于发布 5.0 正式版了。（5.0 的第一个 alpha 版实在 2014 年发布的
• Node.js 作者 Ryan Dahl 和 JavaScript 之父 Brendan Eich 等人牵头写了一封公开信，敦促甲骨文公司放弃对 JavaScript 商标的控制。

有趣

• reMarkable Paper Pro

  又一个电子书阅读器，看着蛮不错的。

• Google Illuminate

  Google 推出的一个将文章或论文转换成讨论式音频的产品。（感觉思路挺好的，通过听 Podcast 的方式去消化长文

• Interactions

  认真打磨的交互动画，极度舒服。

• Pushkeen.AI

  收录了各种 App 的通知推送 UI 的网站。

• Alien Romulus Fan Website

  粉丝制作的一个《异形：夺命舰》氛围的 3D 网页。

工具

• Redirect Checker

  一个 URL 重定向分析工具。

• CSS Spring Easing Generator

  在线预览 CSS 弹性动画的工具。

• @bramus/caniuse-cli

  在 CLI 中查询 Web API （Can I Use）的兼容情况的工具。

• Linkpreview

  可方便地查看某个网页在不同社交媒体上的预览图。

文章

• Founder mode

  Paul Graham 在一次 YC 活动上听到了 Brian Chesky 的演讲，该演讲对在场的创始人产生了深刻影响，引发了对如何管理成长期企业的传统智慧的质疑，提出了创始人模式（Founder Mode）与管理者模式（Manager Mode）的区分。

• Duolingo’s onboarding: 2 years on

  Duolingo 在过去两年中对其用户入门流程进行了优化，通过个性化、动画和加快速度等方面的改进，显著提升了用户的学习体验和产品的盈利能力。

• Why GitHub Actually Won

  Scott Chacon，GitHub 的联合创始人，在这篇文章中分享了他对 GitHub 成功背后原因的见解。他认为，GitHub 赢得了市场的主要原因是它在一个合适的时机启动，以及它对产品的深刻理解和对开发者体验的关注。

• Building PC game UIs using React

  作者分享了他在 Wargaming 使用 React 构建《坦克世界》PC 客户端游戏内 UI 的经历。（宛如一个平行宇宙

• The web's clipboard, and how it stores data of different types

  一篇有趣的探讨，涵盖了目前 Web 上复制粘贴的运作方式，不同数据类型的处理方式，以及 Web custom formats 提案提出的内容。

• Features of your font you had no idea about

  文章介绍了字体设计中不为人所知的特性。

• The Ultimate Guide to Font Performance Optimization

  一篇关于网站字体性能优化的全面指南，涵盖了如何通过字体格式选择、字体加载策略和字体优化技术来提高网站加载速度和性能。

• 打包工具 Rspack 发布 1.0 了。（感兴趣的可以看 Moonvy 的体验文章）
• Google Gemini 也支持了 Structured Outputs。
• 因美国的相关禁令，Notion 宣布停止为俄罗斯地区的用户提供服务支持。（又引起了一波关于数据存哪里的讨论

有趣

• Departure Mono

  一款 Lofi 风格的等宽字体。

工具

• dokku

  由 Docker 驱动的迷你版 Heroku，构建私人的 Serverless 平台。

• Pearcleaner

  一款开源免费的 Mac 清理工具。

文章

• Visual explanation of SAML authentication

  图文并茂地解释 SSO 中的 SAML 身份验证是怎么回事。

• OpenAI is shockingly good at unminifying code

  利用 ChatGPT 来对丑化后的 JavaScript 代码进行 “逆向”。

• State of CSS 2024 调查问卷开放填写了。
• Node.js 准备移除 Corepack。（真不咋好用
• Zed IDE 也集成 AI 了。
• Apple Podcasts 上线了 Web 版。

有趣

• Server Mono

  一款免费的等宽字体。

• Cursor Directory

  一些可用于 Cursor 编辑器的 Prompt。

工具

• Zen Browser

  一款类似 Arc 的新浏览器，不过这次是基于 Firefox 引擎。

• InstantDB

  又一个类似 Firebase 的 BaaS 平台。

• srcbook

  JS/TS 版的 Jupyter。

• magic-wormhole

  通过 “虫洞” 将文件从一台电脑传输到另一台电脑。

文章

• Regexes Got Good: The History And Future Of Regular Expressions In JavaScript

  一篇关于 Regexes 如何变得优秀的深度文章，涵盖了 JavaScript 中正则表达式的历史和未来。

• Toasts are Bad UX

  文章指出 Toast 其实会带来很糟糕的用户体验，主要原因就是出现的位置会分散用户的注意力。

• 美国政府也看不下去了，想要帮你解决 “取消订阅” 的重重难关。
• 有史以来，W3C 首次面向公众开展一项调查，旨在了解 “Web标准对人类的影响”。
• Notion 官方支持中文了。

有趣

• Protozoa

  一个用 Three.js 和 TSL 纹理制作的超短科幻恐怖电影。（质感蛮不错

• Animating Figma'sSVG Exports

  如何在 Figma 中处理和导出 SVG 图标，以及如何通过分割矢量和编码来实现 SVG 图标的动画效果。

• proposal-safe-assignment-operator

  ES 语法 “安全赋值运算符” 的 ?= 语法提案。

• Font with Built-In Syntax Highlighting

  用字体来实现代码语法高亮！

工具

• postgres.new

  Supabase 推出了 postgres.new，一款集成了人工智能接口的在线 PostgreSQL 沙盒工具，允许用户在浏览器中即时创建无限数量的 Postgres 数据库，并通过大型语言模型进行数据操作和可视化

• pkg.pr.new

  每一个 commit 都可以是一个 release ！

• verso

  基于 Servo 浏览器引擎的开源浏览器。

• blitz

  一个 HTML/CSS Renderer。

• oTranscribe

  一款免费的 Web app，让您不再为转录采访录音而烦恼。

文章

• Google Angular Lead Sees Convergence in JavaScript Frameworks

  Angular 负责人 Minko 表示 JS 框架发展到现在，功能性已经逐渐趋同，特别是在响应式和性能优化方面。

• Common Causes of Memory Leaks in JavaScript

  一些在写 JS 时导致内存泄漏的常见例子。

• It’s Time To Talk About “CSS5”

  “你醒啦，现在我们在写 CSS5”。

• Being Glue

  文章讨论了软件工程师在团队中作为 “粘合剂” 角色的重要性和相关挑战，以及如何平衡技术和非技术工作以促进职业发展。

• Puppeteer 23 将支持 Firefox 浏览器。
• OpenAI 支持了在 API 中返回 Structured Outputs 。（算是 JSON mode 完全体了吧

有趣

• Public Work

  Cosmos 出品的一款图片搜索引擎，针对来自 MET、纽约公共图书馆和其他来源的 100,000 多张无版权限制的图片。

工具

• tschema

  一个用于构建 JSON Schema 类型的轻量工具。

• kiss-translator

  一个简约、开源的 双语对照翻译扩展 & 油猴脚本。

文章

• What is vector search?

  Algolia 分享的向量搜索的概念、工作原理文章。

• AI Act is Here

  Alvaro Montoro 讨论了欧盟人工智能法案，这是世界上第一个全面的 AI 监管法规。该法案根据风险级别对 AI 系统进行分类，以确保安全可靠的开发，同时平衡社会效益和经济增长。

• GitHub 推出 GitHub Models 服务，提供多个 AI 模型给开发者开发测试。现在需要加入 waitlist。（给 Azure 引流
• Docker Labs 打算借助 AI 的能力帮助开发者生成最佳实践的 Dockerfiles。
• Google 发布开源模型 Gemma 2 ，其中的 Gemma 2 2B 在手机端和网页端的效果也挺不错的。
• Meta 推出新的 Segment Anything 2 图像分割模型，支持图片和视频。

有趣

• Hackberry-Pi_Zero

  树莓派？黑莓派！

工具

• llamacoder

  基于 Llama 3.1 的开源 Claude Artifacts 实现。

• Docker-OSX

  在 Docker 中运行 Mac OS X。

• webf

  一个用 Web 技术（HTML/CSS/JS）来写 Flutter App 的框架。（那是不是可以用 Web 技术写 Flutter 再编译到 Flutter Web ？

• requestly

  一个开源的 HTTP 请求代理工具。

文章

• Garbage collection and closures

  作者在探索 JavaScript 垃圾回收机制时，发现在某些情况下，闭包中的大型 ArrayBuffer 可能不会被及时回收，导致内存泄漏。

• Designing Depth

  文章探讨了在视觉媒介中创造深度和视觉引导的技巧，特别是通过在画面中添加多层元素来增强构图，以及将这一原则应用于软件设计和用户界面动画中的实践。

• Patterns for Memory Efficient DOM Manipulation with Modern Vanilla JavaScript

  一些 DOM 操作小技巧。

• Node.js 将支持直接运行 .ts 文件。（终于
• Apple Maps Web 版进入 beta 阶段。
• 闲鱼 PC 网页版官宣回归。（乐
• 支付巨头 Stripe 收购了支付初创公司 Lemon Squeezy。
• Meta 发布了开源 AI 模型 Llama 3.1 上下文长度有 128k，Mark Zuckerberg 强调开源 AI 是未来发展的路径，并解释了开源 AI 对开发者、Meta 公司以及全球的积极影响。
• Mistral 推出新的旗舰模型：MIstral Large 2，同样有 128k 长度的上下文支持。
• OpenAI 推出 AI 搜索引擎：SearchGPT 。（再不出手用户都跑 Claude 去了
• DeepSeek API 升级，支持续写、FIM、Function Calling、JSON Output 。（OpenAI API 平替完全体上线

有趣

• 2024 Stack Overflow Developer Survey

  2024 Stack Overflow 开发者调查报告结果出来了。

• State of React 2023

  State of React 2023 的生态调查报告结果也出来了。

• Practical SVG

  Chris Coyier 的电子书 Practical SVG 现在免费开放阅读了。

工具

• Garage

  一款可 self-hosting 的分布式对象储存服务。

• timeshift

  Linux 系统还原工具。使用 rsync+hardlinks 或 BTRFS 快照创建文件系统快照。

• magic-cli

  在 CLI 中接入 AI 的工具。（用过 Warp 终端之后发现这种 AI in CLI 的工具还是很好用的

• Query.rs

  可以搜索各种 Rust 资源的搜索引擎。

文章

• The Pitfalls of In-App Browsers

  文章指出了应用内浏览器存在多重问题，包括功能限制、隐私和安全顾虑、UI/UX 不一致以及性能问题。

• Practical Guide To Not Blocking The Event Loop

  文章介绍了在 Node.js 环境中避免阻塞事件循环的几种策略。

• CSS Grid Areas

  介绍 CSS 中 Grid Area 的互动式文章。

• Readability: The Optimal Line Length

  文章探讨了在电子商务网站中文本行长度对用户阅读体验的影响，最佳的文本行长度应该在 50-75 个字符之间。

• 有用户反馈 Google Gemini 在未经允许的情况下扫描了用户在 Google Drive 上存的 PDF 文件。
• Chromium 浏览器已在异步剪贴板 API 中添加对复制粘贴 SVG 文件的支持。
• 变天了：Google Docs 终于听取用户的声音，支持了 Markdown 文件的导入和导出。
• 变天了 +1：NVIDIA 将完全转向开源 GPU 内核模块。（Linus 竖中指.jpg 成为历史
• GitLab 正考虑出售事宜。
• 因安全软件 CrowdStike 的更新，全球 Windows 10/11 系统大规模蓝屏死机，许多政府网站、银行和航空公司等行业均受影响。
• Mistral 推出小模型：12B 的 Mistral NeMo 。
• OpenAI 推出轻量级模型：GPT-4o mini ，比 3.5 Turbo 便宜 60%，更快。

有趣

• Catalog of Dark Patterns

  一系列暗色模式的设计案例。

工具

• Foliate

  Linux 的一个 Epub 阅读器，设计挺好看的，还有 web 版本。

• micro-agent

  一款基于 Node 的 AI 代码 Agent，它采用先写测试用例，然后迭代解决方案直到测试通过的方法来完成任务。

• crawlee-python

  JS/TS 爬虫框架 Crawlee 现推出 Python 版。

• egjs-infinitegrid

  一个用于在网格布局上无限排列卡片元素的模块。

• maska

  一个 input mask 工具库。

文章

• How we sped up Notion in the browser with WASM SQLite

  Notion 工程师分享了如何在浏览器中使用 WebAssembly 实现的 SQLite 存储引擎来提高 Notion 的性能，提升了网页浏览速度。

• How we improved the frontend dev experience of the Hugging Face Hub

  Hugging Face 前端开发者分享了通过将 Rollup 替换到 Vite 来提升开发体验的经验。

• One Thing Nobody Explained To You About TypeScript

  说自己精通 TypeScript 的人不一定真的精通相关配置。（ tsconfig.json 总是会让我想到 “Webpack 工程师” 这一职位。

• A quick beginner’s guide to animation

  通过小案例来了解关于动画的基本概念。

• CSS Selectors

  一份涵盖所有 CSS 元素选择器及其使用方式的完整指南。

• Chrome 被爆给 *.google.com 留后门，允许 google 系网站获取完整的设备硬件信息。
• Node.js 将集成 SQLite 支持。

有趣

• Radio Garden

  可在线收听各个地区 FM 的一个网站。

工具

• Codemod

  一个平台，可以更快、更容易地构建、共享和运行 codemod（即，由社区驱动的代码转换机器人）。

• Zed on Linux

  代码编辑器 Zed 推出 LInux 版本。

• WebVM

  WebVM 是一个在客户端运行的无服务器虚拟 Linux 环境。

• tau

  一个可自托管的 Vercel / netflix / Cloudflare 开源替代方案，类似的还有 dokploy。

• Mako

  阿里 Umi 团队推出的又双叒叕一个用 Rust 写的打包工具。

• vitest

  测试框架 Vitest 更新到 2.0 了。

• es-toolkit

  又一个 Lodash 替代品。

文章

• The inception of ESLint

  ESLint 作者自述的 ESLint 起源故事。

• The Magic of Clip Path

  Emil Kowalski 分享了 CSS 属性 clip-path 的强大功能，不仅可以裁剪元素形状，还能用于创建各种动画效果。

• State of Text Rendering 2024

  一篇关于字体渲染的论文式报告，深入探讨免费开源字体，以及过去十年左右文本渲染领域的进展，以及目前对各种功能的支持情况。

• [译文]为什么用户名和密码要放在两个页面？

  现在许多登录页中存在将用户名和密码分开放在两个不同页面的设计，这种设计的常见原因是为了支持单点登录 (SSO) 和用户名 / 密码登录两种方式。

• 淘宝网站长宣布闲鱼 PC 版网页即将上线。（
• 从 Serenity OS 分出来的（从零写起的）LadyBird 浏览器，目前已获得了 100 万美元的资金支持，旨在打造一个独立的、不受大型科技公司控制的浏览器。

有趣

• 可灵 AI

  快手旗下的视频生成模型/产品可灵 AI 最近推出了 Web 版。

• 海棠诗社

  一个收录了许多诗集的网站，最近开源了。

工具

• PikiMov

  web 版的 Adobe Effect 替代品，主打完全免费、本地和无 AI。

• WriteBook

  免费发布在线电子书的工具。

• ray-so

  Raycast 旗下的工具站 ray.so 全站开源了。

• diff-pdf

  一个用于直观比较两个 PDF 文件的简单工具。

文章

• Writing GUI apps for Windows is painful

  文章讨论了为 Windows 编写 GUI 应用程序时面临的挑战和各种库的优缺点。

• Git 的故事：這一次沒這麼好玩

  Git 起源故事，一切得从 Linux 规模化开发说起，到 BitKeeper 带起的 VCS 工具风潮，再到 Git 之后 Ruby 人创办的 GitHub。

• Firefox 将支持在侧边栏接入 ChatGPT 和 Gemini 等 AI 服务。
• CSDN 旗下的代码托管平台 GitCode 直接把 GitHub 上的项目和作者账户拷了个遍，惹来一片谩骂。
• Polyfill.io 被来自中国的黑产公司收购后向下游投毒，超过十万个网站受影响，CDN 服务商 Fastly 和 Cloudflare 都提供了替代方案。
• Google 开源了大语言模型 Gemma 2 的 9B 和 27B 版本。
• Swift 语言相关代码正在陆续被迁移到 GitHub 上。（前阵子 Apple 把设计资源都迁到 Figma 上了

有趣

• Code Galaxies

  将各大包管理器以类似银河的方式可视化，还挺好看。

• Anthropic Prompt Library

  Anthropic 官方的提示库。

工具

• 豆包 MarsCode

  字节跳动发布可免费使用的 AI 编程助手豆包 MarsCode 。

• Figma Slides

  Figma 发布的多人协同幻灯片制作工具。

• Notion Sites

  Notion 推出建站工具 Notion Sites。（好像除了可以自定义域名外和原本就有的分享页面没啥区别？

• dotenvx

  Node.js 工具库 dotenv 作者~~删号（bushi）~~重开的一个 .env 配置管理工具，更安全更现代。

• pdfslick

  一个 基于 pdf.js 的 PDF Viewer 工具。

• eidos

  又双叒叕一个 Notion alternative。

• node-swift

  一个 Node.js 与 Swift 代码的 Bridge 库，允许你编写与 Node.js 库交互的 Swift 代码，反之亦然。

文章

• Great Animations

  Emil Kowalski 分享一些制作优秀动画的原则。

• New JavaScript Set methods

  一些新的 JS Set 方法。

• Claude 发布 3.5 Sonnet 模型，亮点是新出的 Artifacts 功能，可以将 Claude 回答的一些内容直接渲染运行。
• CSS 或将在 CSS 变量中引入内联 if() 函数。（👀

有趣

• State of JS 2023

  JS 2023 年度调查报告结果终于在 24 年 6 月放出了，Vite 和 Vitest 成了最靓的仔。

• Odd One Out

  你能识别 AI 艺术吗？玩这个找不同的小游戏挑战找出生成的假冒作品。

工具

• Loadership

  方便制作 CSS 加载动画的在线工具。

• pic-smaller

  可以完全本地使用的图片批量压缩工具。

• phoenix

  一个支持通过 JS 来控制程序窗口的 Mac 软件。

• RTranslator

  使用 AI 模型实现的实时翻译 app。

文章

• The Interactive Guide to Rendering in React

  一个关于 React 渲染相关的交互式教程。

• Try out your website in the spatial web

  Safari 的 Webkit 团队教你开发 VisionOS 网页开发相关知识。

• why we no longer use LangChain for building our AI agents

  Octomind 团队原本使用 LangChain 框架来构建基于多个大型语言模型（LLMs）的 AI 代理，但后来因为 LangChain 的高级抽象带来的复杂性和灵活性不足，决定放弃使用该框架，转而采用更模块化的低级构建块来简化代码库，以提高团队的开发效率。

• Apple 在 WWDC24 提出 Apple Intelligence，通过 on-device 基础模型和 server-based 的强力模型整合人工智能体验（重新定义 AI。
• Windows 版的 Chrome 计划将默认字体设置为 Noto Sans CJK（思源黑体）。

有趣

• Luma Dream Machine

  Luma AI 发布新的 Dream Machine 模型，支持从文字和图片生成视频。

工具

• revideo

  一个通过代码编辑视频的框架/产品。

• merge-anything

  更强大的 Object.assign 。

• removerized

  一个支持离线的 AI 移除图片背景工具。

文章

• How to compose JavaScript functions that take multiple parameters (the epic guide)

  文章深入探讨了使用多个参数组成函数的艺术，解释了简化和增强函数式编程的技巧和最佳实践。

• Highlight areas that the browser engine re-paints

  使用浏览器开发者工具中的 “Paint flashing” 功能可以高亮显示浏览器引擎重绘的区域。

• Chrome 团队正准备将 Gemini Nano 集成在 Chrome 里，推动 on-device AI 发展，其中就有内置翻译 API 的提案。
• 上海交通大学开源镜像站不再提供 DockerHub 仓库镜像。

有趣

• Whisper WebGPU

  在浏览器里（跑模型）用 Whisper 的能力实时语音识别也能实现了。

• CSS Grid Garden

  通过一个小游戏来学习 CSS grid 的用法。

工具

• chatty

  用 WebGPU 在浏览器中以本地和私人方式运行大语言模型。

• ESLint Configuration Migrator

  为加速推广 Flat Config，ESLint 出了个工具帮助转换 config。

• Ice

  最近流行 Mac 任务栏管理工具 Bartender 秘密易主一事让许多老用户产生信任危机，于是用户们纷纷寻求各个开源替代品。

• kaplay

  一个 JS 的游戏开发框架。

• coolify

  支持私有部署的 Netlify / Vercel 替代品。

文章

• Promises From The Ground Up

  Joshua Comeau 的 Promise 入门科普。

• How we used esbuild to reduce our browser extension build times by 90%

  1Password 团队通过使用 esbuild 重构了浏览器插件的构建系统，显著提高了构建效率，减少了构建时间，并提升了开发者的工作满意度。

• Unboxing Chrome - Redesigning the omnibox

  主要讲述了 Chrome 浏览器 UI 重新设计的过程，特别是对地址栏（omnibox）的重新设计，以更好地体现 Chrome 的品牌特色和提升用户体验。

• 一篇全面的笔记工具总结

  文章介绍了笔记工具的演进，从刀耕火种的记事本和 Word，到初代笔记 Sass 印象笔记和 OneNote，再到一超多强的 Notion 时代，最后到目前的双链笔记探索。

• Perplexity 发布 Perplexity Pages，AI 版的维基百科。
• OpenAI 对免费用户开放 GPTs 等功能。

有趣

• Notion 中文版帮助文档

  第三方维护的 Notion 中文版帮助文档，挺齐全的。

工具

• terminaltexteffects

  一个终端视觉效果引擎。

• ChatTTS

  ChatTTS 是专门为对话场景设计的文本转语音模型。

文章

• Decision Trees For UI Components

  决策树能够帮助设计团队记录他们的设计决策，避免关于 UI 决策的长期讨论。

• Comprehensive guide to JavaScript performance analysis using Chrome DevTools

  文章通过实际案例来介绍如何使用 Chrome DevTools 进行 JavaScript 性能分析。

• Stop resizing your browser: improve testing for responsiveness

  测试响应式设计开发时只会通过改变浏览器窗口大小来测试吗？远远不够。

• A virtual DOM in 200 lines of JavaScript

  只需 200 多行 JavaScript 即可实现功能齐全、高效的虚拟 DOM 库。

• The Gap

  探索 CSS gap 解决的痛点。

• 原来世界顶级设计团队都是这么卷毛玻璃的

  文章介绍了 “毛玻璃” 效果的发展史以及苹果和微软的实现。

• 经典播放器 winamp 宣布将把代码开源。
• 用 Chrome 调试报错信息发现看不懂？现已支持 AI 解释错误（感觉怪怪的

有趣

• 2024 Stack Overflow Developer Survey

  2024 年的 Stack Overflow 开发者调查已经开始开放填写了。

• llama3-from-scratch

  从零手搓 llama3。

• Amber

  一个编译成 Bash 的语言，有许多现代编程语言的优点。就如 TS 之于 JS。

• Daylight Computer

  一款主打阅读体验的设备，类似电子墨水屏，但是有 60fps 的体验，对标 Kindle 和 iPad。（网站挺好看的，但好贵。。

工具

• CADmium

  在浏览器上运行的 CAD。

• Unify AI

  正所谓计算机科学中没有什么是不能通过增加一层抽象解决的，AI 服务商太多了咋办，就肯定会有一个整合的服务商出现。

• Wegic

  即时设计推出的 AI 生成网站的产品，低代码和 AI 结合还是挺合适的。

文章

• What UI density means and how to design for it

  UI 密度是用户从界面获得的价值除以界面占用的时间和空间。

• Visual design rules you can safely follow every time

  一些视觉设计小 tips。

• Queueing

  一个很精致的交互式教程讲解“队列”，动画很好看。

• Are you designing with the right keyboard in mind?

  iOS 和 Android 键盘指南。

• Building a Note-Taking App With Retrieval Augmented Generation (RAG)

  检索增强生成（简称 RAG）是将额外的上下文注入 LLM 提示中，以获得更好的结果。

• Windows 设计史（一）：从青涩到成熟（Windows 1.0—95）

  Windows 界面元素的设计历史。类似的还有 Mac 视觉史（一）：从 Macintosh 到 Mac OS。

• OpenAI 又一次在 Google 发布会前突袭，发布了 GPT 4o，接受多种组合输入和输出，还更便宜。
• Google Deepmind 发布了 轻量级的 Gemini Flash 模型 和 视频生成模型 Veo。
• Google I/O 2024 如期举行，看了看与 Web 开发相关的点，不痛不痒。
• React 正式开源 React Compiler ，等于官方把各种隐性的优化给做了。

有趣

• State of HTML 2023

  State of HTML 的 2023 年问卷调查出炉了。（2024 都快过半了

• Athena Crisis

  一款回合制策略游戏，基于 React 和 CSS。

工具

• Web Platform Dashboard

  Google 在 I/O 2024 发布的一个网站，用于看各个浏览器 API 在四大主流浏览器的支持情况。

• awesome-regex

  与正则相关的各种资源。

• Classnames

  来这找找起名灵感。

文章

• How to document your JavaScript package

  在 JS 库里面写 JSDoc 作为文档也是挺方便的。

• The Modern Guide For Making CSS Shapes

  使用 CSS 创建常见形状。

• 如何从 0 到 1 开发一款中文开源美术字？

  关于 “得意黑” 字体创作过程的故事。

• 当你以为自己用的是苹果系统字体

  严格意义上来说，苹方不算是苹果系统字体。

• 一个不知名的开源项目可以带来多少收入

  作者分享其低代码产品 NocoBase 三年来的历程。

• Arc 浏览器已推出 Windows 版。
• Apple 也逐步转向使用 Figma 了。
• Adobe 上线 3D 制作工具 Project Neo。
• Chrome 在地址栏集成与 Gemini 开始对话的功能。
• 最初：AI 将杀死 Stack Oveflow。后来：OpenAI 宣布与 Stack Overflow 合作。

有趣

• React-spring visualizer

  一个配置 react-spring 工具库的可视化工具，可以很直观地理解弹簧效果的各种名词。

• terminal.shop

  以一个终端的形式来买咖啡的平台，有点整活的意思。（仅限 US

• MetaLaw

  法律 AI。

工具

• Bitwarden Authenticator

  Bitwarden 推出免费开源的 Authenticator app。

• extension.js

  一个跨浏览器的插件框架。

文章

• An alternative proposal for CSS masonry

  前阵子 WebKit 团队就给 CSS Grid 增加 Mansonry 布局，现在 Chrome 团队反对说认为该效果不应该属于 Grid layout 而应该给予一个单独的 display 值，并给出了理由和方案。

• Why React Query?

  文章介绍了 React Query 的由来和它如何解决 React 应用中的数据管理问题。

• Time-based CSS Animations

  利用 CSS Houdini API 和 CSS 中支持的新数学函数，探索基于时间的 CSS 动画。

• Creating a pointer-friendly submenu experience

  文章探讨了如何创建一个针对鼠标和触摸设备友好的子菜单设计。

• Handling The Indentation of a Treeview Component

  通过 GitHub、Photoshop Web、Figma 等的示例来看如何在 CSS 中处理树状视图组件的缩进。

• Why the database version and how it's going?

  知识库软件 Logseq 最近宣布即将开发数据库版本，在论坛里作者解释了以纯文本（Markdown）为基础的弊端以及阐述了未来的计划。

• Google Chrome 官网改版了，更现代化了。
• Meta 宣布将其 Meta Quest 设备的操作系统开放给第三方硬件制造商，推出了新的 Meta Horizon OS，并与 ASUS、Lenovo 和 Xbox 等公司合作开发新设备。(Meta 的 Android moment？
• 微软与 IBM 合作，在 MIT 许可下发布了 MS-DOS 4.0 的源代码。
• Webkit 团队就 CSS Grid Level 3 的 Masonry Layout （瀑布流布局）实现征求当前提案的意见。
• Node.js 22 发布，终于支持了在 CJS 项目中导入 ESM 包了。
• Ubuntu 24.04 发布了。

有趣

• CSS Shape

  收录了各种用 1 个 div + CSS 的方式实现的图案例子。

• Balanc3d

  一个 3d 平衡游戏，要在手机浏览器上玩。

• The Shape of AI

  网站记录了一些范式，可用于 AI 驱动的应用。

工具

• Windrecorder | 捕风记录仪

  Windows 版的 Rewind，回溯在电脑上的操作。

• Unovis

  一个模块化的数据可视化框架。

• devalue

  更强的 JSON.stringify 。

• JSPyBridge

  一个 JS 和 Python 互相通信的 Bridge 框架。

文章

• Event Dispatch in Angular

  Angular 团队分享了其新的事件分派系统，该系统旨在改善应用程序的运行时性能和用户体验。

• Latency numbers every frontend developer should know

  文章介绍了各种网络延迟相关的数字，它们直接影响网页加载时间和用户体验。

• F-Shape Pattern And How Users Read

  文章介绍了用户在网页上的阅读模式，特别是 F 形阅读模式，以及如何通过设计和格式来引导用户的注意力，减少扫描行为对业务的影响。

• Learn OAuth 2.0 by Building Your Own OAuth Client

  很多 OAuth 的教程都是偏重概念轻代码的，这篇文章很直观地以写一个简单的 OAuth Client 的代码来阐释相关知识。

• Streaming JSON from OpenAI API

  文章介绍了如何用 best-effort-json-parser 来处理流式传输 OpenAI API 的 JSON 结果。

• Google 准备将 Google Keep 合并到 Google Tasks 中。（又一个死掉的产品
• 为了更好地集成 AI 到各种设备中，Google 正在把 Android 团队和硬件团队整合在一起。（👀
• Meta 发布 llama3。

有趣

• Forbes 2024 AI 50 List

  福布斯发布的 2024 年 AI 50 强榜单。

• Equinox

  一款 WebGL 太空冒险游戏，使用 Three.js、Blender、SideFX Houdini 制作，体验很好。

• This is a teenager

  The Pudding 的一篇新视觉化文章，用数据可视化的形式展示了年轻人的成长历程。

• Web Design Museum

  又一个赛博 museum ，记录了千禧年前后的网页/软件设计。

• iOS404

  iOS 中所有缺失的 Web 功能的概述。共有 60 多个功能，其中一些缺失的功能居然有十多年的历史。

• Programming VTuber Logos

  一些挺好看的 Logo。

工具

• Quill 2.0

  老牌 Web 富文本编辑器框架 Quill 发布了 2.0 更新，更现代化了。

• aider

  在命令行里结对编程的 AI 工具。

文章

• Hardest Problem in Computer Science: Centering Things

  Web 开发世纪难题：如何将 div 居中。文中列出的各种案例真的太真实了，前阵子就被产品抓了好几次类似的 UI 问题。

• The Design Philosophy of Great Tables

  表格工具库 Greate Tables 分享了其设计哲学以及简单总结了表格 （Table） 的发展历史。

• How to capture Node.js Garbage Collection traces?

  文章介绍了如何在 Node.js 中捕获垃圾回收（Garbage Collection）的跟踪信息，以便更好地理解和优化应用程序的内存使用情况。

• Deep Dive into Rspack & Webpack Tree Shaking

  讨论了 Webpack 和 Rspack 中的 Tree Shaking 实现。（先收藏

• OpenAI 宣布 ChatGPT 基础版无须登录即可使用。
• Cloudflare 推出 serverless 的关系型 SQL 数据库服务 D1。
• Cloudflare 收购了 PartyKit 以帮助开发者构建 local-first 的应用。
• Google 发布 Gemini 1.5 pro，直接支持语音和视频输入并支持了 JSON 格式输出结果。
• 熟悉的剧本：不久后 OpenAI 推出了 GPT4-Turbo 。

有趣

• Logofav

  一个获取 logo 创意的网站。

工具

• penpot

  Figma 的竞品 penpot 最近更新到了 2.0，支持了 Grid layout。

• zx

  Google 的 node.js 脚本框架 zx 更新到了 8.0，体积更小速度更快。

• morphic

  也是一个开源的类 Perplexity 的 AI 搜索引擎。（感觉 Perplexity 现在就跟当初的 Notion 一样被一大堆后来者追赶？

• udio

  AI 音乐生成工具，和 Suno 差不多，但 Suno 设计更好看一点。

• pragmatic-drag-and-drop

  Atlassian 开源的一个 dnd 工具，功能强且框架无关！

• cally

  一个体积小但功能齐全的日历 web component。

文章

• Mental Health in Software Engineering

  软件工程师在职业生涯中可能会面临心理健康问题，要认识到我们的最大资产不是代码，而是我们自己。

• How we’re approaching theming with modern CSS

  文章主要介绍了如何使用现代 CSS 进行主题设计。

• Don’t get scammed by fake performance experts and apps

  文章揭露了不良行为者用来伪造更高 Lighthouse 分数的一些常见 hacks（这对用户体验的实际影响为零）。

• Folding the DOM

  用一些小技巧实现将 DOM 折叠。

• FFmpeg 发布 7.0 更新。
• Node.js 官网终于翻新了。还有一些关于重新设计的细节。
• Honeypot 出品的 ▶️ Node.js 纪录片已上线。
• Adobe 收购 Layers。
• Apple WWDC24 将在 太平洋时间 2024 年 6 月 10 日至 14 日 举办。

有趣

• How much memory do you need today?

  一个关于恢复并修复 80 年代经典计算机故事的互动网页，动画很精致。

• JavaScript Signals standard proposal

  过去几年里，前端框架几乎都采用 Signals 作为响应式方案，现在 TC39 起草了一份将 Signals 引入到 JS 中的提案。

工具

• Miraa

  一个利用 AI 为媒体生成双语字幕和学习材料的应用。

• LLocalSearch

  本地运行的 Perplexity 开源平替。

文章

• The hidden power of typography

  微软关于字体设计的文章，探讨了字体设计在信息传达中的重要性。

• Design Engineering at Vercel

  Vercel 给出对于 Design Engineer 这个职位的一些描述和定义。

• An Interactive Guide to CSS Container Queries

  CSS 容器查询的交互式指南。

• A comparison of JavaScript CRDTs

  文章对 JS 的几个 CRDT 库进行了比较，包括其特点、优缺点和适用场景。

• BFCache explained

  文章介绍了 BFCache（backwards/forwards cache）在 Web 浏览器中的工作机制。

• Low effort image optimization tips

  Sentry 团队给出的一些图片优化技巧。

• Offscreen Canvas and Web Workers

  David Bushell 探讨了在 Web Workers（包括 Service Worker）中使用 OffscreenCanvas API 的好处，可以在不影响主线程的情况下处理播客艺术作品等图像。

• 磁贴设计——被误解的创新者

  来自 2020 年的一篇文章，介绍了微软推出磁贴设计的原因和其设计理念。（将吃灰的 windows phone 拿出来充充电以示敬意

• Google 将逐步把内部闭源的前端框架 Wiz 合并到 Angular 中。
• Node.js 计划支持通过 require 引入 ESM 。
• Canva 宣布收购 Affinity。（未来会不会打败 Adobe 呢

有趣

• Doom Captcha

  猜猜这次 Doom 能运行在哪里？是 Captcha 验证！

工具

• Runtime compatibility

  横向对比各个 JS Runtime 的 API 兼容性。类似的网站还有对比 Node/V8 各个版本特性的 node.green。

• dropflow

  一个 CSS 排版的 JS 库，可以用于制作 PDF 或者 canvas 和图片。

• onerepo

  又一个 Monorepo 工具链。

文章

• Juice

  Juice 是增强玩家体验的非必要视觉、音频和触觉效果。文章用很直观的例子来描述这种游戏化的体验。

• Navigating the World of Large Language Models

  一些开源 LLM 的对比。

• Optimizing Javascript for fun and for profit

  通过示例介绍几种应避免的情况，以保持 JS 代码运行快速流畅。

• WebSockets vs Server-Sent-Events vs Long-Polling vs WebRTC vs WebTransport

  来自 RxDB 的文章，横向对比 WebSockets 、SSE 、长轮询、WebRTC 和 WebTransport 的通信优劣。

• A formula for responsive font-size

  一个简单的 CSS 实现响应式字号。

• 欧盟 / Apple 续集：欧盟的部分开发人员将能够直接从网页分发 App，虽然整体流程有点繁琐。
• Google I/O 2024 将于 5 月 14 日举行，目前大会官网已上线，还有个小游戏玩。
• Elon Musk 说 xAI 将会开源 Grok。目前已在 GitHub 开源。
• 《看门狗》真人改编电影正在制作中。
• AI 工程师（不是 AI 行业的工程师，而是工程师就是 AI 本 I） Devin 的推出让不少人认为距离程序员被替代又又又近一步了。

有趣

• JSON Canvas spec

  Obsidian 将其 .canvas 文件的规范开源了，旨在服务于无限画布应用，确保用户拥有的、可互操作的数据存储。

• Trending Design

  关注 X 上的设计流行趋势。

工具

• WinterJS

  一个非常快且兼容 WinterCG 的 JavaScript 运行时。

• Applite

  免费开源的 Homebrew GUI 。

文章

• Mental Health in Open Source

  Anthony Fu 分享了一些开源过程中的经历以及在其中学到的东西，文章主要探讨了开源软件开发人员的心理健康问题，强调了压力、孤立和自我怀疑等常见挑战。

• My favourite animation trick: exponential smoothing

  介绍 “指数平滑” 的一篇文章，好的 UX 底下都是这些细微的优化。

• Modern Git Commands and Features You Should Be Using

  一些新的 Git 命令。

• 5 ways to style text with CSS inspired by the Spider-verse

  受 《蜘蛛侠：平行宇宙》启发的文字样式。

• 龙珠作者鸟山明去世了。
• 尼康收购了 RED。（德龙收购辣妈既视感 👀
• 动画制作工具 Rive 现已支持集成到虚幻引擎中。
• 数据库 Sass 平台 PlanetScale 因为营收的问题，决定将免费方案 “Hobby Plan” 取消。
• Tailwind CSS 公布其 4.0 进度。（一大波更新
• rolldown 正式开源了。

有趣

• puter

  Web 技术的“操作系统”。

• Serverless Horrors

  这几年都在炒 Serverless 的概念和方案，这个网站记录了一些 Serverless 相关的惨案（天价账单

工具

• Refeed

  一个开源的 RSS 阅读器，支持私有部署。

• privy

  GitHub Copilot 开源平替，本地运行。

文章

• ImGui 在长桥跨端图表组件中的探索与应用

  长桥技术团队分享在股票行情图表组件中使用 IMGUI 的探索与应用，解决了业务复杂度、两端重复开发、指标计算与渲染、性能瓶颈等问题。

• Retrofitting fluid typography

  看看啥是 “流体排版” 。

• Some little ways I’m using CSS :has() in the real world

  一些使用 CSS :has 选择器的场景分享。

• Techniques to Break Words

  CSS 中断长词的一些小技巧。

• CSS for printing to paper

  一些 CSS 的用于打印的样式技巧。

• 上周说到 Apple 在欧盟限制 PWA 功能引起众怒，于是大伙儿联名上书给库克抗议，最终 Apple 妥协了，表示将恢复 PWA 相关功能。
• Node.js 公开它的吉祥物：火箭乌龟。（？
• RxJS 8 已经等了好几年了，作者回应是因为 ES 的 Observable API 即将问世，需要重新考虑 RxJS 的定位。
• Elon Musk 起诉 OpenAI 说其违背组织的初心，Sam ：6。

有趣

• The MDN Curriculum

  MDN Curriculum 是 MDN 上的一个新课程，为行业新人提供了基本前端技能和最佳实践的结构化指南。

• SN Pro

  Supernotes 发布它们自己的开源字体 SN pro。

工具

• ente

  一套开源的端到端加密的相册管理方案，替代 Google Photos 和 Apple Photos。

• tempo

  一个新的 JS 时间处理库。

文章

• Home Screen Advantage

  Alex Russell 批评了 Apple 最近在欧盟限制 iOS 设备上使用 PWA 的行为，认为此举不仅破坏了 Web 作为 App Store 竞争平台的地位，而且限制了浏览器的选择和 Web App 的功能，从而损害了开发者和用户的利益。

• How Google helped destroy adoption of RSS feeds

  骂完 Apple 就到骂 Google 了，OpenRSS 指出 Google 在破坏 RSS 订阅的普及方面罪大恶极，通过移除和限制RSS 支持，导致用户无法使用 RSS 。Google 的行为不仅让用户感到失望，也对互联网的自由和开放性构成了威胁。文章呼吁 Google 在将来继续支持和维护 RSS 功能。

• Apple 宣布在欧盟地区对 iOS、Safari 浏览器和 App Store 进行更改。
• JQuery 发布 4.0 beta 版。
• Google 的 Bard 正式改名为 Gemini 。（改名部业绩++
• Google 发布了 Gemini 1.5 和开源大语言模型 Gemma。
• OpenAI 发布文生视频的模型 Sora，可以生成长达 1min 的视频。
• Ollama 支持在 Windows 上运行了。
• 开发者们发现欧洲的 iOS Beta 17.4 中无法安装 Web App。Apple：故意的。
• Deno 将推出自己的 JS package registry ，对标 npm registry。

有趣

• ▶️ 米哈云游研发纪录片

  米哈游现在也自己做云游戏服务了。

• The Most Searched Playground

  Google 发布的一个小游戏，将过去 25 年了被搜索最多次数的 25 个事物放进一个大涂鸦图中并找出来（一不小心就沉迷进去了

• Arc Search

  The Browser Company 发布了其移动端浏览器：Arc Search。

• Infinite Craft

  NEAL.FUN 新活，无限创造，各种元素一起合成新的元素，有点以前玩 MC 的快感。

• Bouncing Ball

  用各种方式（JS、CSS、Canvas 和第三方库等等）实现一个球弹跳的效果，以此横向对比各个方式的优劣。

工具

• cytoscape.js

  专注于图论数据可视化的库。

• untranlatable

  在如今的信息爆炸的年代，各种文化下都会有新的 slang 和 meme 出现，这些一般在词典里不会被收录，对于非 native speaker 来说就很懵圈，该词典就用于解决这个问题，类似维基百科，允许用户自己编辑维护新词。

• Magika

  Google 发布的一个开源工具，用 AI 的能力检测二进制文件的类型。

文章

• In Loving Memory of Square Checkbox

  作者探讨了 checkbox 是怎么从方形演变到现在的圆形的。

• JavaScript Bloat in 2024

  作者统计了一下各知名网站的初始 JS 大小，震惊于现在网页 JS 的臃肿，看完后竟觉得 10MB 也不算大了，在这方面做的最好的网站竟然是。。。

• From many to one: Moving our JavaScript code into a monorepo

  一篇将 JS 代码仓库迁移成 monorepo 方式管理的实践文，整体目标是降低工作流的复杂度。

• CSS :has() Interactive Guide

  高质量互动式教程文章之 :has 选择题

• How to Favicon in 2024

  2024 年需要了解的 favicon 实践（坑）。

• 关于邮箱的一些冷知识

  如题

• 苹果宣布将在欧盟开放iOS侧载/替代商店/替代支付/浏览器引擎/NFC
• Google 开始往 Chrome 里集成 AI 功能。

有趣

• Readymag Websites of the Year 2023

  Readymag 2023 年的获奖名单已经公布，看看一些好看的网站设计。

• Startup Funding Simulator

  创业融资模拟器。

• Happy 40th Birthday, Macintosh

  该网站展示了苹果公司生产的所有 Macintosh 台式机和便携机，并配有数百张照片。

• Wooden Toogles

  一组拟物化的开关组件实现，0 JS。

工具

• Zed

  代码编辑器 Zed 现在开源了。

• typespec

  微软的一个 DSL，以类似 TypeScript 语法的方式描述并生成其他格式的 API 描述文件（YAML，Protobuf）。

文章

• 穿越时空：2023年前端技术盘点与2024年技术展望

  腾讯云出品的 2023 年前端技术盘点。

• Should I Open Source my Company?

  Supabase CTO 在 2022 年发布的一篇文章，分享了 Supabase 从一开始就选择开源的想法。

• tired-maintainer

  文章描述了开源项目维护者需要承受巨大的工作压力，但得不到应有的认可和回报，长期下来容易导致维护者消极和厌倦。

• MySQL 官方宣布正式引入 JavaScript 支持。（👀
• Notion 发布了 Notion Calendar 应用，得先链接 Google Calendar 数据源。（🤔
• Apple 将允许美区 App 不通过 App store 收费，但仍需收取最高 27% 的佣金。
• Bun 新增 Shell 相关 API ，类似 zx 一样，方便使用 JS 写脚本。
• 扎克伯格说 Meta 要 All in 开源 AGI 啦。（这次不改名了吧？

有趣

• Rabbit R1

  一个类似之前提到的 AI pin 的 AI 助手硬件，蛮火的。

工具

• Cost of living Comparison

  对比不同城市的生活成本。

• spotube

  一个开源的全平台 Spotify 客户端，没有广告，支持蛮多功能的了，音频数据来源 Youtube Music。

• fast-csv

  又一个 CSV 解析工具。

文章

• 弹窗和模态弹窗的设计优化方案

  文章以 Steam 首页为例讲解移动端弹窗的优化方案。

• Introducing fsx: A modern filesystem API for JavaScript

  ESLint 作者 Nicholas 说，JavaScript 运行时中的文件系统 API 很长一段时间以来都不太好。 fsx 是他寻找更好的前进方向的尝试。

• The Complex But Awesome CSS border-image Property

  一些 CSS border-image 的妙用。

• console.delight

  浏览器的 console 也能玩出花。。。

• 老牌设计工具 InVision 宣布关站。
• 著名安卓玩机工具 LSPosed 、Zygisk 和 KernelSU 陆续宣布归档不更新了，原因是对社区感到太失望。
• 著名路由操作系统 OpenWrt 将推出自己的路由器以庆祝 20 周年。
• OpenAI 向 ChatGPT Plus、团队和企业用户推出 GPT Store。
• Apple 的 Vision Pro 将在 2.2 在美国开售。
• Honeypot 表示 Node.js 纪录片也在路上了。

有趣

• The Most Hearted of 2023

  Codepen 给出 2023 里最多人喜欢的 100 个 Pen，在这里能看到各种有趣或新奇的东西以及实现方式。

• tree.fm

  各种森林的白噪音。

• Super Mario 64 on the Web

  在浏览器上就能玩到经典的 超级马里奥 64。

• What PWA Can Do Today

  网站列举了在如今浏览器的发展下，PWA 有啥能力。

工具

• pocketbase

  一套 Go 的后端工具，有 JS SDK。

• csvlens

  在命令行里看 csv 数据的工具。

• time.fyi

  一个方便比较时区的网页工具。

文章

• 探索 Switch 游戏字体大小

  文章分析了 Switch 热门游戏中的字体过小的问题。

• Designing better target sizes

  Ahmad Shadeed 制作了一份深入的互动指南，介绍如何增加按钮、链接、卡片等可点击 UI 元素的目标可点击区域。

• How Google ‘Perfected’ the Web

  The Verge 这篇文章深入探讨了谷歌的主导地位如何最终塑造了网络，导致网络充斥着为谷歌而非人类设计的内容。

• 新的一年，Apple 撤回了新发布的 iOS 17.3 Beta 2，因为它让很多手机变砖了。 （先给开发者们拜年了

有趣

• 2023 JavaScript Rising Stars

  看看 2023 年 JS 生态工具的趋势，数据基于 GitHub 仓库的 Stars 增长数量。（shadcn/ui 充分证明了大家都是 CV 工程师。

• Clicks

  一个自带物理全键盘的 iPhone Case。（喜欢盲打的 BlackBerry 用户的代餐

• movie-web

  一个专注于视频播放体验的 Web app，视频源是其他第三方站点。

工具

• fontra

  Google fonts 团队出品的一个 browser-based 字体编辑器。

• plotteus

  一个专注于开发 Storytelling 的数据可视化库。

• MacMenuBar

  专门收集各种 Mac Menu bar App 的网站。

文章

• What should we ship?

  Vercel 的工程师 Rauno 再次分享了其团队重新设计 Vercel 官网的各种细节。

• 9 years of Apple text editor solo dev

  Apple 生态编辑器 Paper 的开发者分享其这九年来的开发过程的心得和想法。

• 纽约时报起诉 OpenAI 和微软侵犯版权。
• Perplexity 支持了图片识别。

有趣

• Cloudflare Radar - 2023 Year in Review

  通过 Cloudflare 的全球网络观察互联网的模式和趋势。

• Best Data Visualization Projects of 2023

  一些 2023 年的优秀数据可视化页面。

工具

• Stirling-PDF

  一个可私有部署的 PDF 工具 Web App。

• deskhop

  一个快速切换 “桌面” 的工具，可以方便地同时用一个鼠标在不同系统设备上切换。

文章

• Spotify Wrapped: 6 psychology principles that make it go viral every year

  了解 Spotify 如何利用心理学打造音乐界最令人期待的年度盛事之一。

• Adobe 宣称因较难获取监管批准，放弃收购 Figma。
• 国家新闻出版署：网络游戏不得设置每日登录、首充等诱导性奖励，直播不得高额打赏。

有趣

• LABS.GOOGL

  Google 跟 AI 相关的产品集合。

• State of AI Report 2023

  Retool 出 2023 年 AI 现况报告，所以最大痛点还是在于回复的准确率。

工具

• Syncthing

  一个开源免费的备份工具。

• endoflife.date

  看名字就知道，是一个整合了各种工具、框架和应用的 EOL 时间的网站。

• inpaint-web

  基于 WebGPU 技术和 wasm 技术的免费开源 inpainting & image-upscaling 工具。

文章

• Adobe 放弃收购 Figma ，或许来自 AI 的改变比想象的更猛烈

  一个观点，Adobe 放弃收购 Figma 源于接入 AI 后的收益已经很显著了。

• Modern iOS Navigation Patterns

  文章收集了一些 iOS 的导航范式，一些在 Apple 的 HIG 里都没有列出的实践。

• Safari 17.2 也带来了一大波更新。
• Firefox 安卓版现在已经支持安装超 450 个桌面版的拓展了。
• 线下游戏展 E3 宣布停办了。。（还想着以后能去一次的
• Google 的 Gemini 模型的 api 开放了，免费额度 60 条请求 / 1 分钟，个人使用够了。

有趣

• Poor Charlie’s Almanack

  查理芒格去世了，Stripe 将其个人传记 《穷查理宝典》做成在线电子版，网站设计依旧在线。

• Baseline 2023

  Baseline 认证在今年上线，看看在今年有多少新特性是符合标准的。

• The Pudding Cup

  The Pudding 选出每人的 2023 年最佳视觉和数据驱动网站。

工具

• oxlint

  Rust 派前端工具链 oxc 旗下的 lint 工具 oxlint GA 了。

• Epic Easing

  一个可视化配置贝塞尔曲线的工具网站。

• svgo

  一个 Node.js 的 SVG 优化工具库，可以清除掉一些无用的代码。

文章

• 你的 Python 包都装到哪了？

  太久不写 python 每次再写都会忘记一些。

• Meta 的 CSS-in-JS 工具 StyleX 终于开源了，但社区还有兴趣吗？
• Google 发布多模态的 LLM : Gemini ，号称超过 GPT-4，目前已在 Bard 上应用了。（但后来被爆发布会上的视频例子是假的。。
• 另一方面，Mistral 则直接在 X 上简单直接地发出新模型的种子。
• 老牌富文本编辑器 Quill 发布 2.0-beta.0 了。

有趣

• 2023 Design Tools Survey

  UX Tools 的 2023 设计工具调查结果出炉了，工具上跟去年差不多，就是今年多 AI 的调查情况。

• CSS Wrapped: 2023!

  Chrome 团队出品的 2023 CSS 年度报告出炉了，看看有什么新特性吧。

• Pika

  一个 AI 生成视频的产品。

• LLM Visualization

  LLM 原理可视化。

• SVG Tutorial

  一些 SVG 样例。

• Design Systems Database

  大公司的设计系统集锦。

工具

• llamafile

  Mozilla 发布的 llamafile 能够方便快速地跑 LLM。

• Syntax.js

  一个轻量的代码高亮库。

• marker

  一款高性能的工具，可以将 PDF、EPUB 和 MOBI 文件转换为 markdown。

文章

• How design works at Supabase

  Supabase 的三人设计团队分享了其设计方法和准则。

• Examples of Great URL Design

  通过实际案例来看看怎么样的 URL 格式才好。

• Oh No, Overflow!

  作者在文中讨论了 CSS overflow 的各种值以及如何处理由图像、长单词、转换和 Flexbox 布局等元素引起的意外溢出问题。

• Google 开放 .meme 顶级域名注册。（感觉将会有一大波整活网站
• 近日有用户表示自己 Google Drive 上的文件丢失了，问题似乎出自 Drive for Desktop。
• Excalidraw 最近上线了 text-to-diagram 的功能，然后同行 tldraw 表示可以把在 Excalidraw 中生成的 diagram 放在 tldraw 中生成真实用例的代码。

有趣

• AuthKit

  一个新的 Auth 工具。（网站挺好看的

• MyLens

  用 AI 的能力一键生成各种事件的时间线。

• Reddit

  Pentagram 给 Reddit 做的品牌升级。

• Virgil

  Excalidraw 开源了它们自己的手写字体。

工具

• waveterm

  一个新的跨平台终端模拟器。

• Animotion

  用可视化的方式来编辑 CSS 动画。

文章

• The secret formula for Apple's rounded corners

  关于 Apple 产品的圆角设计。

• Evolving the infinite canvas

  作者尝试用无限画布来提供一种新的交互方式。

• One Game, By One Man, On Six Platforms: The Good, The Bad and The Ugly

  六个游戏平台的好坏对比。

• 兜兜转转，Sam Altman 等人最终还是回到了 Open AI。
• 2023 的 State of JS 问卷入口现在开放了。
• Chrome 团队又在催促大家赶紧把 Chrome 拓展从 Manifest V2 更新到 Manifest V3 了。
• Netlify 的 Image CDN 进入 beta 了，支持直接通过 URL 来对图片进行调整大小、裁剪和转换格式等操作。

有趣

• The 200 Best Inventions of 2023

  时代周刊选出 2023 年里 200 个最佳的创新产品。

• ▶ 跨浏览器窗口交互

  有推友放出一个 demo 视频，是在两个浏览器窗口打开同一个页面，然后两个页面会产生互动，结合 Three.js 制作的效果确实让人眼前一亮。还有人脑洞大开，弄了一个离谱版 Flappy Bird。跨浏览器窗口互动的核心其实就是通过 localStorage 管理共享数据（就是这么朴实无华。

• Inter 4.0

  经典字体 Inter 更新到了 4.0。

工具

• StyleTTS2

  一个 TTS 模型。

文章

• An Interactive Guide to CSS Grid

  相比 Flex 布局，Grid 布局很强大但还是很少人用，如今它的兼容性也已经很好了。Joshua Comeau 又带来了一篇高质量的互动性教程。

• The Security Vulnerabilities of The Target="_Blank" Attribute

  <a> 标签的 target="_blank" 打开的新窗口里会带有原始窗口的信息，可能会有安全风险，解决方法就是给 <a> 标签添加 rel="noopener noreferrer" 的属性。

• Ruby on Rails 纪录片释出。
• 微软的 Bing AI 将独立成一个 Copilot。
• Sam Altman 被踢出了 OpenAI，但又被董事会劝回去。（周六解雇，周日和解，周一上班

有趣

• The Web Can Do What!?

  Chrome 团队分享现在的 Web 进化到什么程度，执行跨平台代码（WASM）、无缝读写本地文件、WebGPU 、Passkeys 和 View Transition API 等等新特性能让开发们开发出体验极佳的 Web app。（这个网站的交互就挺不错

• nodejs-cli-apps-best-practices

  开发 Node.js cli 应用的一些最佳实践。

工具

• wild-wild-path

  通过通配符和正则来查询 JS 对象的值，适合用于多层级的对象。

• Make it Real

  近日有网友用开源白板工具 tldraw + gpt-4-vision api 来通过画白板草稿图的方式生成可交互的原型 HTML 代码，网友们都玩疯了。类似的项目还有这个。

文章

• git rebase: what can go wrong?

  作者讨论了与使用 Git 的 rebase 功能相关的各种问题和挑战，包括不同 Git 工作流程背景下的常见问题和潜在解决方案。

• 67 Weird Debugging Tricks Your Browser Doesn't Want You to Know

  一些浏览器的 debug 技巧。

• Angular 17 更新，随之而来的还有新 Logo 和新文档站点 angular.dev。
• ESLint v9 抢先看：Flat Config 成为默认配置、Node.js > v18.18.0 和移除大多数 formatter 功能等等。
• VSCode 即将支持自由拖拽编辑器到浮动窗口。
• Steamdeck 发布 OLED 升级版。
• ChatGPT 推出官方的 GPT 定制器 - GPTs。

有趣

• AI Pin

  Humane 公司推出的一款基于 AI 的硬件，旨在探索新的交互方式。（离电影 《她》 越来越近了

• Monaspace

  GitHub 推出自己的一套等宽字体，包含了好几种子集。

• Mastering DOM manipulation with vanilla JavaScript

  一些 DOM Hack 集锦。

• til

  一些 “新技能 Get” 的小功能集锦。

工具

• inshellisense

  微软开源的一个 CLI 工具，可以给 Shell 提供类似 IDE 的自动补全功能。试了下，目前还有点鸡肋，不能在最外层使用，不过相信慢慢迭代就会更好的。

• sshx

  支持协作的一个终端程序，有点意思。

• Vectorizer.ai

  用 AI 将位图转换为矢量图的一个工具，很强大。

• pacquet

  用 Rust 重写的 pnpm （WIP）

文章

• Don’t Build AI Products The Way Everyone Else Is Doing It

  作者表示现在大多数 AI “产品” 都只是套壳产品，提出了几个它们存在的问题并提供了一些解决方法。

• 2023 年每个软件开发者都必须知道的关于 Unicode 的最基本的知识

  一些 Unicode 的最基本的知识（先收藏

• Building a drawer component

  Vercel 的设计工程师 Emil Kowalski 分享写一个 drawer 组件 vaul 的过程和细节。

• Google 放出 .ing 顶级域名，将会在 12 月 5 日对所有人开放。
• Vercel 在 Next.js Conf 上发布了 Next.js 14 ，其中的 Server Action 引起大家的吐槽；另一个方面他们把自家用的 Geist 字体 开源了，还挺不错。
• Clash 全系都（被要求？）停止更新了。
• Elon Musk 的 xAI 团队发布了 AI 产品 Grok。

有趣

• State of React

  State of 系列新增一员，State of React ，如今调查问卷正式开放。

工具

• Excalidraw

  开源白板工具 Excalidraw 今日支持了 Mermaid 的流程图和时序图，后续还会继续更新更多的图表支持。

文章

• 常见的 UI 元素本来就长这样吗

  文章介绍了一些习以为常的 UI 元素和其背后曲折的演变过程及设计原理。

• 滚动劫持101

  近年来网页中滚动的行为也成为了比较重要的交互部分，学习一下什么是滚动劫持。

• Goodbye, Node.js Buffer

  高产开发者 Sindre Sorhus 表示将要将自己的 1000 多个 npm 库中的 Buffer 改成 Uint8Array ，主要是因为 Uint8Array 在跨平台方面更有优势。

• Lottie 作者加入了 Rive 团队。
• Yarn 发布 4.0 ，说是性能已经快赶上 pnpm 了。
• ESLint 作者宣布 ESLint 将会在下个大版本放弃支持代码格式化的功能（Formatter），做个纯粹的 Linter。同时 Anthony Fu 表示愿意牵头维护一个社区版的 ESLint Formatter - eslint-stylistic。

有趣

• Footer

  见过各种 “优秀网页” 或者 “夜间模式设计” 的展示网站，这里有个收集 footer 设计的网站。

• Design Books

  Stripe 设计团队推荐给非设计师的设计书籍。

工具

• localsend

  又一个跨平台传输文件的工具，“AirDrop 平替”。

• MiniSim

  一个 Mac 应用，支持从 menu bar 一键打开 iOS 和 Android 的模拟器，方便调试。

• Vectorpea

  前有 Photoshop 的 Web 平替 Photopea，如今作者又端出一个针对矢量图处理的 AI (Adobe Illustrator) Web 平替：Vectorpea。

• ruffle

  用 Rust 写的 Flash Player 模拟器。

• GSAP

  老牌 Web 动画工具 GSAP 最近更新了官网，设计风格更现代和更活泼。

文章

• CSS Findings From Photoshop Web Version

  Web 版的 Photoshop 上线后，Ahmad Shadeed 又从其中发现了一些实用的 CSS 用法。

• Amazon 将给 Anthropic 投资 400 亿美元，硬刚 OpenAI。
• Google Podcasts 宣布将在 2024 年下线，部分服务转移到 Youtube Music 的播客（Killed by Google 成员 +1 。
• 树莓派 5 发布：64 位四核处理器、自产南桥、支持 PCIe 2.0，起售价 60 美元。
• Adobe 的 Photoshop Web 版正式上线了，并附上了一些技术细节。
• Cloudflare 的网站验证功能 Turnstile 向所有人免费开放了。
• Cloudflare 推出 Cloudflare Fonts 以挑战 Google Fonts 的地位。
• 在 ViteConf 上，尤雨溪宣布了将用 Rolldown （Rust 版的 Rollup）来提高 Vite 的构建速度。

有趣

• store.app

  一个仅提供可安装 Web 应用程序（PWA）的应用程序商店。

• State of HTML

  State of JS 和 State of CSS 的组织现开放了 State of HTML 年度调查入口，届时 State of 三剑客都齐了。

• n64js

  用 JS 写的 N64 模拟器。

工具

• croc

  跨设备文件传输工具 （CLI）。

• optimizer

  和 Dism++ 功能有点类似的 Windows 系统优化工具。

文章

• Open Source does not win by being cheaper

  开源工具 Lago 团队表示很多产品都通过开源并且提供很慷慨的免费额度来吸引用户，但一个产品使用率高不代表其可以成功，更重要的还是要产品质量好以及能盈利。

• Text editing on mobile: the invisible problem

  文章讨论了在移动设备上文本编辑的问题，指出了 Android 和 iOS 在模仿桌面文本编辑时所面临的困难和不足，并提出了改进的建议。

• An Interactive Intro to CRDTs

  可交互式的教程，讲解协同技术中的 CRDT 。

• The Saga of the Closure Compiler, and Why TypeScript Won

  Closure Complier 是 Google 在 2004 年开发的一款 JavaScript 转译器，在前 TypeScript 时代被使用最多，用来减小 JavaScript 文件的大小，检查类型，并以其他方式处理常见缺陷。

• One Thing Nobody Explained To You About TypeScript

  文章主要讲述了关于 TypeScript 中 tsconfig.json 配置文件的重要性和使用方法，以及在项目中合理使用多个 tsconfig.json 文件的好处和注意事项。

• Draggable objects

  深入浅出的一篇 Web 开发拖拽教程。

• WSL2 2.0 更新了。
• Safari 17.0 更新，带来大量新特性。
• ▶ TypesSript 纪录片已经释出正片了，快去看看吧。
• Svelte 5.0 更新，也将引入 Signals 作为响应式方案。
• 看到各种语言和工具都有自己的吉祥物，开发者们也在自由发挥 Node.js 的吉祥物。

有趣

• ClassiCube

  用 C 语言写的 Minecraft。

工具

• chrono

  一个自然语言日期的解析工具。

文章

• Chonky Menu Re-Creation

  可互动式教程之写一个松软的菜单组件。

• CSS Findings From The Threads App: Part 2

  作者又从 Meta 的 Threads 的 CSS 里找到了一些有趣的用法。

• Patterns for Reactivity with Modern Vanilla JavaScript

  一些用原生 JS 就能实现的响应式策略，在一些小复杂的项目上可以使用。

• Notion AI 背後的設計思考

  文章是 Notion 官方 Blog 的中文翻译版本，分享了 Notion AI 与工作流集成的设计思考。

• 游戏引擎 Unity 表示明年起将根据游戏安装量来对开发者收费，此举引起一片谩骂。
• Jetbrains 推出针对 Rust 的 IDE ：RustRover。
• Chrome 最新版的 UI 已经是基于 Material You 的了。
• Lodash 打算在 V5 有大动作，作者把仓库的 Issue 和 PR 都“破产清算”了。
• Vercel 推出 AI 生成代码的工具 v0 ，AI + 低代码。（有意思的是 v0 的 NPM 包名是从某个 V 友手中收来的

有趣

• Prisma's Data Guide

  ORM 工具 Prisma 官网的数据库指南，内容涵盖得不错。

• A Number From the Ghost

  一个可互动的 MV ，很棒。

• gameboy

  用 Rust 写并转成 Wasm 的 Gameboy 模拟器。

工具

• unit

  Nginx 自家的 web app server 工具，可以启动不同语言的 server 。

• qr-code

  基于 SVG 的可动二维码组件，蛮有意思。

• openmoji

  一些开源的 Emoji SVG。

文章

• Building a toast component

  Vercel 的设计开发工程师 Emil Kowalski 分享他在之前开发的 sonner 里学到了什么。

• 腾讯 13 年，我所总结的Code Review终极大法

  作者分享了在腾讯工作期间的 Code Review 的经验和方法，并强调了其重要性以及如何通过实践和团队沟通来提高代码质量。

• GitHub 最近上线了新的 Feeds 动态流排版，引来一片骂声。（真的难看
• 备受关注的 Bun 终于发布 1.0 了。

有趣

• Design tool memory usage

  各种设计工具如何利用内存？在没有打开文档的情况下，他们的基准使用率是多少？

• Touch Pianist

  傻瓜式弹钢琴。

工具

• uDSV

  一个 csv 解析库，仓库里还附上了各个 csv 解析方法的性能测试。

文章

• Choosing the best Node.js Docker image

  用 Docker 部署 Node.js App 的时候，选择合适的 Docker 镜像也是有点讲究的。

• Transitions

  Material Design 3 的 Transition 相关指南，帮助构建更和谐的过渡效果。

• Style is consistent constraint

  保持自己的一套风格还是挺重要的。

• AI 初创公司 Hugging Face 一轮融资 2.35 亿美元，由谷歌、亚马逊、英伟达等公司投资。
• ChatGPT 推出企业版服务，无限量高性能 GPT-4 模型使用，免费（？）使用 OpenAI 的 API 等等。
• Amazon 收购了 Mac 平台的开发者工具 Fig ，加入到 AWS 团队中。（挺好用的，就是太占内存了
• 用 Rust 写的 JS 生态工具 Rome 宣布维护者不再维护了，大家去使用社区 Fork 的 biome 。
• Node.js v20.6.0 将会自带 .env 文件的读取支持。
• Mozilla 基金会集气质问微软是否使用了用户个人数据来训练 AI 模型了。
• 宇宙第一 IDE Visual Studio 将要放弃 Mac 版，之后将会把人力放在 VS Code 上。

有趣

• State of CSS 2023

一年一度的 State of CSS 生态调查结果出炉了。

• A clock where the time is in a song title

到点了，听一下当前时间的同名歌曲。

• Bezier Curves

一个互动性贝塞尔曲线讲解，深入探讨 CSS 动画和视觉元素中使用的贝塞尔曲线背后的逻辑。（连标题都是可互动的

• nodejs-reference-architecture

RedHat 和 IBM 的 Node.js “参考架构” 文档。

工具

• Fomos

用 Rust 写的基建工具见多了，但是用 Rust 写的操作系统还是第一次见。

• Organic Maps

一款免费开源的地图 App，主打完全离线使用，没有任何联网相关的干扰。

• Ryujinx

开源的 NS 游戏模拟器。

文章

• Why note-taking apps don’t make us smarter

文章提出现在市面上各种各样的笔记类软件似乎只是专门为储存笔记而设计的，而并不能让人更有创造力。

• Why Rust is the most admired language among developers

文章总结了为什么 Rust 成为开发者中最受欢迎的编程语言。它强调了 Rust 的内存安全性、性能和生态系统的优势，以及如何吸引了广泛的社区。

• THE IDEAL VIEWPORT DOESN’T EXIST

这个网页讨论了屏幕尺寸和浏览器视口的碎片化现象，以及如何在设计中考虑各种视口尺寸和条件。作者通过一个实验收集了大量数据，并提醒人们不要仅仅依赖固定的断点设计，而应该采用更灵活和适应性强的设计方法。

• Case Study: Rebuilding TechCrunch layout with modern CSS

CSS 实战文 +1，作者使用现代 CSS 特性来重写 TechCrunch 网站。

• Bundler的设计取舍

Rspack 团队分享了他们选择做 Rust Bundler 的动机和设计思路。

• 微软将在 Excel 中支持 Python，这样的话就可以很方便地在 Excel 做数据分析和数据可视化了。
• Meta 开源 Code Llama，是一个基于 Llama 2 的根据自然语言生成代码的模型。

有趣

• Clone-a-Lisa

挑战一分钟内复刻《蒙娜丽莎》出来。

• zhuque

一个开源的仿宋字体，印象中之前都没有类似的开源仿宋字体。

工具

• Multi

不同领域的协作类生产力工具见多了，但这个是在各种 App 上都能协作。（设计不错

文章

• Better Context Menus With Safe Triangles

好的二级菜单会提供一个隐藏的 Safe Area，通常是一个三角形，以提高 UX。

• Use web components for what they’re good at

作者探索了 Web Components 的优缺点，指出其在客户端渲染时，作为叶子组件和跨框架集成的好处，也指出了其在服务端渲染中的不足，总的来说是否选择 Web Components 还是要看适不适用于具体的需求里。

• The line between writing functions yourself and using open source modules

文章探讨了编写自己的函数和使用开源模块之间的界限。作者提出了一系列问题和考虑因素，以帮助读者决定何时使用第三方包和何时自己编写函数。

• 钉钉个人版开放内测，认真一看里面是个 wolai 。
• 白板笔记类软件 Clover 被 Figma 收购了。
• Apple 入华 30 年了。
• Debian 也 30 年了。

有趣

• What Apple, Google, and Amazon’s websites looked like in 1999

回忆杀，想起小时候看到的雅虎门户和新浪门户都差不多是这种风格。

• ai-town

AI + Web 版模拟人生。

• SwiftUI Cookbook

一套 SwiftUI 入门教程。

工具

• PDF Tool

无需上传即可立即使用的 Web PDF 工具，在线修改 PDF。

• Lottie Lab

前有 Lottie Files ，现在又有个 Lottie Lab，都是基于 Airbnb 的动画工具 Lottie 的商业产品。

• icon buddy

一个 icon 搜索引擎和管理器。

文章

• How the iMac saved Apple

25 年前，Apple 发布了 iMac ，将公司从破产泥潭中救出，也为 Apple 日后的地位铺平了道路。

• Write about what you learn. It pushes you to understand topics better.

文章强调了通过写作来深化对学习主题的理解，揭示知识盲点并提升记忆和沟通技巧。

• How we reduced the size of our JavaScript bundles by 33%

文章介绍了 Dropbox 如何通过改进他们的 JavaScript 模块打包方式，将 JavaScript 包的大小减少了 33%，主要就是用 Rollup 来做 Code Splitting 和 Tree Shaking。

• 工信部宣布 9 月起，App 也要备案了 👀。
• 由于不可抗力因素，本来即将开办的 VueConf 也被取消了👀。
• Google 发布 Project IDX，基于 VSCode 的 Web 一站式开发方案，完全在浏览器内完成。（主打的就是方便多平台开发
• Firefox for Android 即将支持桌面版 Firefox 的拓展。

有趣

• 《TypeScript 教程》发布了

阮一峰推出了 TypeScript 教程，对初学者还是蛮好的。

• noclip

在浏览器上玩各种老游戏。

工具

• Mobile FIRST

一个 Chrome 拓展，用于模拟移动设备以便开发调试。

• fuite

一种用于查找 Web 应用程序中的内存泄漏的工具，主要是用 Puppeteer 来模拟加载某个网页。

• npmgraph

可视化某个 npm 库的依赖关系，也可以根据 package.json 查看。

• jimp

一个 Node.js 的图片处理库，完全用 JS 写的。

文章

• Women are superstars on stage, but still rarely get to write songs

The Pudding 的一篇文章，用数据展示了：虽然现在很多女性的超级明星，但是女性作词人仍然还是很少的。（The Pudding 的网页做得一如既往的好

• How to Favicon in 2023: Six files that fit most needs

文章提供了一种更智能和简化的方法来创建适应不同设备和浏览器的 favicon 图标集合。

• 我只想使用will-change，又有什么错？

CSS 的 will-change 可以在极端情况下优化渲染性能，但也得合理使用。

• Node.js 团队宣布 Node.js 网站迁移到 Next.js 的大工程圆满结束。
• 原本的 ai.com 是跳转到 ChatGPT ，现在则是跳转到 Elon Musk 的 x.ai ，所以这个域名是谁的呢？
• 经历了高强度的迭代，Bun 即将发布 1.0 版本。
• Vim 的作者 Bram Moolenaar 去世了🕯️。

有趣

• State of DB 2023

  看看 2023 年的数据库相关的现况。

• My 90’s TV

  看看上世纪 90 年代的美国人民的电视里都在播放什么。（看着看着一天就过去了

• 喜茶中式灵感体

  喜茶和方正发布的一个新字体，挺好的，多点中文字体。

工具

• khoj

  你的又一个 AI 助手。（这年头就是 “工具都有了，现在就差才华了”

• Sequence

  视频编辑领域的 Web 协作 Saas 产品，能不能取代 Adobe 的 Pr 和达芬奇呢，期待。

• YC Idea Matcher

  当你有一个产品电子的时候，可以看看有没有哪个 YC 投资的公司在做这事。（或者单纯用来找工具用

• Web Check

  一个网络检查工具，输入一个网址，就能给你展示该网址的各种信息。

• Aniso - ASCII Tool

  上传各种类型的媒体文件，就能媒体文件转换为基于 ASCII 的图像。

• size-limit

  展示 JS 项目的大小和加载速度的一个工具。

• enquirer

  开发 CLI prompt 的一个工具，之前也有一个 clack 。

文章

• Stick to boring architecture for as long as possible

  这篇文章告诉我们，在项目开发中，先选择稳定可靠的技术，别一味追求潮流，最终交付给客户有价值的产品才是王道。（用稳定的技术能早点下班

• 对“假开源”事件的反省

  “沉浸式翻译” 的作者最近遭到 V2EX 网友的指控，说其是 “假开源”，有 GitHub 项目但放的不是程序的源码，作者在自己博客做了回应。（别人从始至终都没说自己是开源的话那就没得说了

• Just normal web things.

  作者表示 JS 现在很强大，但大家在最原生的 Web 体验上都没做好。

• Type vs Interface: Which Should You Use In 2023?

  2023 年了，TypeScript 中的 Type 和 Interface 你还不知道区别吗？

• Twitter 走了，X 来了。
• Arc 浏览器正式发布 1.0 了（Mac），Windows 版仍需等到 23 年冬季。

有趣

• OverflowAI

  StackOverflow 也推出自己的 AI 了。（打不过就加入

工具

• LangSmith

  LangChain 团队推出的一个一站式调试开发 LLM 产品的产品，目前是内测中。

• nodebestpractices

  Node.js 最佳实践系列已经更新了 2023 版。

文章

• IKEA-Oriented Development

  文章以 IKEA 家具的设计理念来类比软件开发，与某些设计模式是共通的。

• 我为什么放弃了 LangChain？

  You Don’t need XXX 系列再添一员，可能大多数人都不需要用到 LangChain 。

• Meta 发布新一代大语言模型 Llama 2，可免费用于研究和商业用途。
• Office 敲定了新的默认字体：Aptos。

有趣

• cool-retro-term

  一个 old school 的终端模拟器，Windows Terminal 有类似的效果。

工具

• TypeChat

  自然语言太自由了，赶紧来加点 type 约束一下。（

• lazydocker

  在命令行里一站式管理 docker 的一切。

• pkg-size

  直接在浏览器里看安装某个 npm 库的大小，基于 WebContainer 技术，真的直接在浏览器上 npm install 查看最新的数据。

• twenty

  一个开源的 CRM 套件，Salesforce 平替。

• pop

  直接在命令行里发邮件。

文章

• 毫秒级突破！腾讯技术团队是如何做前端性能优化的？

  看看搜狗百科团队是如何全链路优化前端性能的。

• 300ms Faster: Reducing Wikipedia's Total Blocking Time

  性能优化第二弹，这个案例是「维基百科」的，小小的一点改动就能优化 300ms 的速度。

• CSS Findings From The Threads App

  从 Threads 中看看有什么新的 CSS 范式。

• Shrinking VS Code with name mangling

  这篇文章介绍了如何通过名字混淆将 Visual Studio Code 的代码大小减小了20%，并分享了优化过程中的经验和注意事项。

• Google 推出 AI 优先的 NotebookLM，看样子就像是给自家的 Keep Notes 加上了 AI 功能。
• Anthropic 推出 Claude 2.0，数学推理能力更强。
• Prettier 3.0 更新，全面拥抱 ESM。
• GitHub 也支持 Passkey 了。
• Google Bard 支持更多语言和地区了（包括中文）。
• Obsidian 在 Evernote 用户在找替代品之际，火速推出 importer 支持导入 Evernote 的数据。

有趣

• Commit Mono

  一个免费的等宽字体，网站做得好有意思。

工具

• immich

  一个可以私有部署的手机照片视频备份工具。

• sniffnet

  一个网络嗅探工具。

• driver.js

  用于开发网页产品指引的一个工具。

• nginx playground

  用于在线调试 nginx 配置的一个 playground 。

• minification-benchmarks

  一些 JS minifier 工具的横向性能比较。

文章

• 一个独立创造者的五年

  挺不错的一个分享文。

• Invisible Details of Interaction Design

  好的交互设计都是隐形的，作者尝试去解构和深挖各种好的交互。

• Coding Randomized Zelda Patterns

  用 SVG 来随机生成游戏《塞尔达传说：王国之泪》中的图案。

• The Code Review Pyramid

  作者总结出一个 Code Review 的金字塔模型，大多数人 review 都只是简单地关注代码风格，但忽视了代码具体做了什么、有无性能问题和是否能向后兼容等情况。

• TypeScript 纪录片最近释出先行预告，大咖满满。
• Meta 旗下的 Twitter 替代品 Threads 上线。（和 IG 强绑定，后端似乎用的 Python
• Spotify 发布 TS SDK。
• Evernote 似乎要寄，老用户们纷纷找替代品。
• OpenAI 将为付费用户全面开放 GPT-4 的 API 使用。

有趣

• typescript-book

  民间版 TypeScript 指南，带你深入浅出类型体操（

• 中文网字计划

  一个收录众多中文字体并通过 Web Font 的形式为网站开发者提供美丽字体的项目。（看了看各个字体的 slug 居然是拼音简写，真的看得血压拉满

工具

• Free Faces

  收录了一些免费可商用的英文字体。

文章

• Reflect.app Re-Design

  Reflect 官网前阵子重新设计了一番，文章分享了一些细节。

• Understanding SVG Paths

  这是一个非常好的交互式指南，用于理解 SVG 路径和路径命令，包括光标、直线、贝塞尔曲线等。

• CommonJS is hurting JavaScript

  Deno 痛斥 CommonJS，直指其模块加载是同步的、不好 tree-shaking 和不是浏览器原生支持的方案这三大缺点，呼吁大家都用 ES Module 规范。

• CommonJS is not going away

  而另一方面，Bun 却说 CommonJS 挺好的，加载更快且现存大部分 NPM 里的库都是 CommonJS ，还得继续支持。

• The hardest part of building software is not coding, it’s requirements

  明确和正确地识别需求比写代码难多了。。

• Google 更新了 Android 的文字 Logo。
• JetBrains 为旗下 IDE 集成 AI 助手功能。
• MDN 推出 Playground ，可以很方便地在线预览三剑客。
• Nest.js 版本号来到 v10 了。

有趣

• User Inyerface

  整活网站，各种让人崩溃的 UI，低血压患者必备！

工具

• LangTale Playground

  说是第一个支持 OpenAI function callings 的 AI playground。

• Mofi

  一个在线音频编辑工具。

• mjml

  一个电子邮件框架，可以方便地写出响应式布局的邮件。

• arwes

  科幻风的 Web 前端 UI 框架。（感觉很像千禧年那时的科幻游戏风格

文章

• 说 Lottie 谁是 Lottie？

  一篇通俗易懂的科普文，介绍动效工具 Lottie 的前世今生。

• Is ORM still an 'anti pattern'?

  ORM 因为其复杂性和不够灵活等问题，一直以来都被认为是 “反模式” 的。总的来说，ORM 仍然有应用价值，但需要谨慎和适度地使用，不能全盘采用。（太复杂的查询还是得直接写 SQL

• An Introduction to Streaming on the Web

  文章介绍了一些 Web 平台流式传输的相关知识。（AI 当道，不 Stream 不行啊

• W3C 新官网已上线。
• State Of CSS 2023 问卷开始收集了。
• Apple 放出 VisionOS SDK。
• Figma 直接收购了 Diagram。

有趣

• Frosted Glass

  用 CSS 的多层 blur 效果来实现的类似 Vision Pro 的模糊效果，有网友画出了实现原理。

• Figma Blog | Shortcut

  Figma 博客的新站点。

工具

• Speed Test

  Cloudflare 的网速测试工具，基于自家的 Cloudflare workers 和 Cloudflare KV搭建。

• unkey

  一个管理你众多 API key 的工具。

• Mongoosejs Playground

  Mongoose 也有在线 playground 了。

文章

• AIGC 如何影响下一代文档搜索方案？

  文章以传统的全文搜索相比，梳理了 AI 如何与文档搜索相结合。

• Microsoft Edge 会将用户浏览的每一张图片发送到微软服务器。（日常骚操作
• OpenAI 提供了模型 API 的函数调用功能，使 GPT 可以更方便地与外部工具连接，并且还更新了支持 16k tokens 的 GPT 3.5 模型。
• Google 宣布将关闭 Google Domains，相关资产出售给 Squarespace。（继把 .zip 域名带给大众之后罪名 +1
• Angular 在 ng-conf 上发起了新的 RFC，引入类似 Svelte 那样的模版语法以提升结合 Angular Signal 的开发体验。
• 最近国外 Reddit 事件闹得沸沸扬扬，因为 CEO 的第三方 API 调整策略，引发众怒，几乎一半的子板块都黑了（设为私有）。（国内贴吧就有爆吧

有趣

• Stack Overflow Developer Survey 2023

  Stack Overflow 的 2023 年开发者调查报告出炉了，今年新增了 AI 板块。

• 淚體

  justfont 发起众筹的一款字体，确实是难得一见的可变中文字体，挺好看的。

工具

• Framer AI

  Framer 推出自己的 AI 服务，帮助快速建站。

• Vercel AI SDK

  Vercel 发布 AI SDK。（居然是直接 ai 的包名，npm install ai

文章

• Rebuilding a comment component with modern CSS

  实战文，用现代 CSS 来写评论组件。

• Sequence diagrams, the only good thing UML brought to software development

  Mermaid.js 作者写的一篇博文，从 UML 图的简史切入，讲时序图中体现的架构思维。

• Text Editor Data Structures

  学习一下写编辑器的相关知识。

• Running Promises in Parallel: A Visual Guide

  以可视化的方式展示 Promise 的几个 API。

• Performance Optimization Strategy in 2023

  一些性能优化策略。

• WWDC23 上发布了 Apple Vision Pro。（看宣传片已经没了当年看 HoloLens 的震撼了
• WWDC23 上苹果推出了一个基于 Wine 的 Game Porting Toolkit，帮助游戏开发者们将游戏带到 Mac 平台上。（电竞水平
• WWDC23 Web 相关：Safari 将支持把类似 PWA 的 Web App 固定在 Mac 的 Dock 上；Chrome 前脚刚不继续支持 JPEG XL 格式，Safari 就宣布要支持了；更多信息看这里，有网友已经写好体验总结了。
• Firefox Nightly 版本将默认开启 CSS 嵌套选择器特性。
• MDN 更新了正则表达式的相关页面。

有趣

• Component Fuse Mechanic

  这是一个 UE5 项目，模拟王国之泪里的 “究极手”。

工具

• GPT best practices

  OpenAI 给出的 GPT 最佳实践。

• MusicGen Model

  Meta 新发布的一个 AI 模型，输入文字，生成音乐。

• raycast-multi-translate

  一个 Raycast 插件，可以同时查多种语言的翻译。

• eslint-plugin-perfectionist

  对 imports, types 和 enums 等代码进行排序检测的 ESLint 插件。

文章

• How Photoshop solved working with files larger than can fit into memory

  Photoshop Web 能打开大文件的方法就是用自己实现的一套 virtual memory system。

• Run WebAssemblies in VS Code for the Web

  VSCode Web 从上线以来是不支持执行和调试非 JS 语言的代码的，现在借助 WebAssembly 提供了部分支持。

• Notion 推出 Notion Projects，类似 Jira，Linear 的团队/项目管理工具。
• Chrome 推出原生 popover API。
• Node.js 19 就要 EOL 了，目前的 LTS 版本是 18。（你还在用哪个版本？
• Node.js 已经 14 岁了。
• React 已经 10 岁了。（有 10 年 React 开发经验吗？
• 近日一个 Crab 语言备受瞩目，其实它是 Rust 的社区 fork 版本，详情可以吃吃瓜。
• 悲报，RARBG 要关站了，与此同时，像之前 ZLibrary 被关站后一样，社区有了基于 IPFS 的 RARBG 资源检索站。

有趣

• Paragraphica

  AI + 相机居然以如此方式结合了，没有镜头，给予地点信息和环境信息，替换到预先设置的 prompt 里，就能得到一张该场景的图片。（属实有点意料之外，情理之中）似乎可以在这个网站尝试一下，我是 Load 半天没 Load 出来。

• FontMon

  究极摸鱼神器，魔改字体，用打字的方式来玩口袋妖怪。（orz

• Instrument Serif

  一款挺好看的西文衬线字体。

• TikTok Sans

  TikTok 出品的一款西文无衬线字体。

工具

• plane

  同样的一个 Jira，Linear 的开源替代产品，可支持私有部署的项目管理工具。

• spacedrive

  跨平台的文件管理器，主打使用虚拟分布式文件系统来做不同设备不同平台的文件系统的操作抽象。

• polywasm

  Esbuild 作者的新开源库，顾名思义就是 WASM 的 polyfill，但只是支持小部分基础的 API。

• aimless.js

  一个提供随机值操作的工具库，补全 JS 缺失的功能。（确实经常会需要用

• fq

  类似 jq，不过是解析美化二进制文件。

文章

• How the Raycast API and extensions work

  深度好文，本文解释了如何为 Raycast 创建自定义 API 扩展，包括定义自定义命令、配置外观和行为以及打包和分发扩展的技术细节。

• 1Password 密钥管理实践

  看看别人的密钥管理方案。

• 今年早些时间 1Password 宣布 all in passkeys，前阵子 Google Accounts 也支持了，然后现在 Bitwarden 也宣布支持。
• Next.js 上线新文档，解释一个 Next.js 项目中特定的各种文件夹和文件的含义。
• Cloudflare workers 支持三个新的 Node.js API，Streams, Path, StringDecoder。
• W3C 的新网站上线了 beta 版。
• 眨眼间，Fluent Design 也迭代到 2 了。
• 心灵杀手 2 终于要来了！

有趣

• Apple Design Awards

  Apple App Store 的设计大奖，决赛圈已经出来了，等 WWDC2023 公布获奖者。

• Diagram

  一个 Ai powered 的设计工具，官网设计得好看，每个卡片都有单独的交互小细节。

• Web Interface Guidelines

  Rauno 的新网站，总结各种构建 UI 的体验细节。

• Motion Design Principles

  整个网站都在向你展示 Motion 动效。

工具

• eaio

  一个通过将磁盘上所有 Electron 应用中相同文件硬链接到统一位置来减少磁盘占用的解决方案，就像 pnpm 一样。

• SpaceBadgers

  开源项目徽章展示，不同的是其是基于 svg 。

• ultramatter

  一款小巧的 frontmatter 解析库。

• Bard-API

  非官方的 Google Bard API 。

文章

• How companies use dark patterns to keep you subscribed

  取消订阅应该很容易，但事实并非如此。

• We need to talk about cursors

  tldraw 的一组高质量推特 threads，横向对比了数个产品中的光标实现。

• 我的 AI

  歌手孙燕姿的博客文章，谈谈大家用 AI 模拟她唱歌的看法。

• Bun 发布 0.6 更新，带来了 bundler 的功能。
• OpenAI 发布了 ChatGPT for iOS。
• Cloudflare 更新，Pages + Workers 结合更方便。
• Google 账户也正式支持 Passkeys 了。

有趣

• Google Photorealistic 3D Tiles & Unreal Engine

  Google 地图 3D 瓦片图 + ChatGPT + 虚幻引擎能碰出什么火花呢？效果太帅了！

• Learning Music

  无需经验和设备，在这个网站就能学习乐理知识。

• intel-one-mono

  Intel 新开源的一款等宽字体。

工具

• headless-qr

  QR Code 生成库。

• HuggingChat

  HuggingFace 自家的 AI Chat 产品，免费使用，网站代码开源。

• Zoo Image Playground

  一个 text-to-image AI 模型的 playground 页面，可以横向对比不同模型的效果。

• DragGAN

  “我看不懂，但我大受震撼”。

• SVG Doodles

  一些涂鸦风格的 SVG ，可以直接复制使用。

文章

• How the image editing app Photopea uses the File Handling API to let users open files from their file explorer

  Photopea 作者分享使用 File Handling API 的实际案例，主要就是将网站做成 PWA 后，用户可以把该 PWA 设定为某些文件的默认打开程序。

• Messenger Desktop: Faster and Smaller by moving to React Native from Electron

  Meta 开发者称 Messenger 桌面版开发从 Electron 换到 React Native 后体验更好了。

• The problem with disabled buttons and what to do instead

  作者提出很多网站 “禁用状态的按钮” 的 UX 不好，比如没有反馈。

• Humanity in App UI （日语）

  在 AI 大行其道的当下，作者分享了一些不同产品的一些人性化小细节。

• Unveiling the Magic: Exploring Reactivity Across Various Frameworks

  横向对比一下不同前端框架的响应式设计。

• 左耳朵耗子的话

  知名中文技术人 “左耳朵耗子” 陈皓上周意外离世了，本文是他之前的一次直播访谈的文字稿，聊到技术、成长和创业等话题。

• 互联网技术比游戏后端技术领先十年吗？

  现在网上很多都是不熟悉其他领域，又认为其他领域简单的人，其实不然，有这个领域的工种在自然就有其难点。

• 云音乐十年听歌报告H5中的动效落地实践

  “戴着脚镣跳舞”。

• GtiHub Mobile 现已支持编辑 workflow 文件。
• Visual Studio （不是 Code） 即将更新 UI，采用 Fluent Design。
• Google 新上线几个顶级域名，.dad, .phd, .foo 和 .zip 等等。
• Svelte 正在将其仓库从 TypeScript 转向使用 JSDoc 来做类型标注，旨在优化编译性能。
• Anthropic 宣布将 Claude 的 9K token 限制提升到 100K。
• Google I/O （1）：Google Bard 换上新的 PaLM 2 模型，且已对支持的地区完全开放（原本需要加入 waitlist）。
• Google I/O （2）： Baseline 兼容性认证，简单来说就是以后听到某个 Web API / 特性是 Baseline 的话，那就能放心用在生产环境中。MDN 和 web.dev 上已支持。
• Google I/O （3）：Google Search 加入 AI 建议功能，还处于实验性阶段，需要申请。

有趣

• 40 Years in Tech

  用 scrollytelling 的方式列举从 1980 年到 2020 年这 40 年间的科技大事记。

• Design for Android

  Android 的设计规范，针对不同尺寸的设备，基于 Material You。

• 140 DevTools Tips

  一些对开发调试有帮助的 Devtools 小技巧，跨浏览器都能用。

工具

• Explain Shell

  给它一段 shell 命令，就能看这段命令的用途。（不是用 GPT 实现的，是 AST 解析

• Deopt Explorer

  TypeScript 官方推出的一个工具，帮助查看分析 JS/TS 代码中的 deoptimizations 。

• notion-to-md

  一个 Notion 页面 / Block 结构转换为 Markdown 的工具，支持自定义解析。（很多 Block 是没有对应的 Markdown 语法）

• A list of programming playgrounds

  一些编程相关的 playground 网站。

文章

• The JavaScript Ecosystem Is Delightfully Weird

  JS 生态很多时候都不是在写 JS （TS 和 JSX 都不算）。

• Google I/O 2023 — Web 平台的最新动态

  总结了 Google I/O 2023 中关于 Web 的资讯。

• Redis 與作者 antirez 的故事

  如题，后续是作者也在 Hacker News 回应并纠正了一些事实。

• Angular 16 正式版发布，带来了许多新特性，最主要的就是 Angular Signals 和 SSR 的提升。（终于
• Safari 份额再次超过 Edge，成为第二。
• 德国政府投资支持 JS （OpenJS 基金会）。
• Rust 相关一：微软正在用 Rust 重写部分核心 Windows 库。
• Rust 相关二：Flask 作者用 Rust 写了个一站式 Python 工具库。
• Rust 相关三：sudo 和 su 也要被用 Rust 重写。

有趣

• Cantonese Font 粤語字體

  一款免费的繁体中文字体，特色是在每个字型上面会带有粤语拼音，从而帮助学习粤语发音。

• Mojo

  为 AI 而生的编程语言，有 Python 的易用性加上 C 语言的性能。（支持 .🔥 文件拓展名有点骚，导致 Go 语言也来整活。

• Eye Candy

  一些视觉效果技巧。

• Google Design

  Google Design 新网页上线。

工具

• Huatuo-Llama-Med-Chinese

  你的私人 AI 医生 “华佗驼” 正在迭代中。

文章

• Rebuilding a featured news section with modern CSS: Vox news

  实践文，用 “现代 CSS” 来重写 Vox news 的新闻页面布局。

• Creating Bento Grid Layouts

  近年来，Apple 将便当（Bento）布局发扬光大，本文展示了一些实现便当布局的简单示例。

• How :not() chains multiple selectors

  MDN 也上线了自己的 Blog ，本文介绍 CSS 中的 :not() 伪类的使用。

• 闲鱼被骗经历

  程序员在闲鱼购物被骗，利用自身专业知识追查竟发现了如此惊天大秘密！（简单来说就是外链居然可以随便调用 AlipayJSBridge ？

• Opera 又又有新浏览器了，Opera One，目前还在 EA 阶段，旨在探索新的设计，取代现在的 Opera 浏览器（Deja Vu…
• Edge 浏览器会把用户访问的网站发送到 Bing 上。。
• 吴恩达和 OpenAI 合作推出的免费 Prompt Engineering 课程，主要是教你如何写 Prompt。
• StackBlitz 的 WebContainer 现已支持在 iOS 和 iPad OS 的 Safari 上运行了，补全了最后一块版图，这意味着你可以用 iPad 和 iPhone 的浏览器来运行 Node.js 项目了。
• Deno 发布 Deno KV，key-value 云数据库，支持部署在服务器、Web App 和 Edge 环境上。
• 第二天，Vercel 也发布了自家的 Vercel Storage 三件套，KV、Postgres 和 Blob ，总的来说就是整合底层资源了，有网友评价其价格感人。
• 前端框架 Qwik 发布 1.0 版本。

有趣

• Adjacent Possible

  一个探索交互可能性的地方，很有趣很舒服。

工具

• AI 法律助手

  将中国法律喂给 AI ，就可以直接查了，像上次说的那样， AI 与文档还是很方便的，类似 cmd + k 的范式，为众多功能提供一个入口，优化用户体验。

• frogmouth

  在 Terminal 里的 Markdown 浏览器。

文章

• Crafting the Next.js Website

  Vercel 的设计开发工程师分享 Next.js 新官网开发的一些交互细节，好棒。

• 2023 State of Web Components

  看了下，Web Components 也在不断发展中，还有不少标准和规范需要完善。中文版文章。

• CLI tricks every developer should know

  GitHub 分享的 CLI 小技巧，内容不错（结尾当然也要打一下自家的 GitHub Copilot CLI 广告了

• Why is OAuth still hard in 2023?

  总结：各有各的标准，一片混乱。

• :root isn’t global

  前阵子更新到了 Chrome 111 之后，发现很多网站的自定义 ::selection 样式失效了，才发现某些伪元素是不继承自 :root 的。

• 十年架构重构，为多端统一，QQ 选用了 Electron

  Web 并非完美的平台，不过原生应用也不是。使用 Electron 重写原生应用只不过是在不同的权衡点之间进行了交换。

• Google + DeepMind = Google DeepMind？后续会有什么产品呢？
• Vercel 推出 AI playground ，可以免费体验和横向比较不同 LLM 的响应结果，支持 GPT-3.5, Claude 和 GPT-4 (Pro 用户) 等等。
• Edge 浏览器在 Canary 版本也支持 AVIF 图像格式了，至此主流浏览器均已支持。
• Firefox 浏览器将会自动拒绝掉网站里烦人的 Cookies 提示。
• Chrome 浏览器的 PWA 安装确认弹窗将支持更丰富的内容显示。
• GitHub 支持 npm 库发布时提供认证，以提高使用 npm 库的安全性。
• Zed 编辑器支持使用 GitHub Copilot。

有趣

• not-paid

  用户一直白嫖不付费怎么办？加点代码让网站透明度日渐增加，最终啥都没（乐

• rich-text-to-image

  text-to-image 见得多了，富文本倒是第一次见，有意思。

• Mobile Phone Museum

  手机博物馆，收录各种各样的手机信息。

• Future Blues – Emily's Cowboy Bebop Page

  粉丝做的星际牛仔网站，好棒

• MIYAZAKI WORLD

  一个致敬宫崎骏/吉卜力的网站。

• Space Elevator

  搭电梯上太空看看。

• WebGPU Fundamentals

  学习 WebGPU 的相关资料（大坑

工具

• rxa-virtual-scroll

  rx-angular 中的虚拟滚动指令，支持固定高度和动态高度的列表项，设计受 @angular/cdk/scrolling 启发，但更高性能。

• bark

  又一个 Text to Audio 的 AI 模型。

• partykit

  前 React 核心团队成员开发的一套协同工具开发框架。

• Color Contrast Checker

  一个颜色对比度检查工具，根据 WCAG 或 APCA 规范校验。

• iconoir

  icon 库 +1

• wayback

  Internet Archive 大家应该都听过，把一些互联网资源以快照的形式保存起来，这里有个工具可以自己搭建个类似的服务。

文章

• 什么是 Linear 设计风格？

  这一两年来有许多国外产品网站都是这种风格，了解一下。

• ~~阿里巴巴设计协同工具 Done 往事（文章私有了）~~

  Done 是由阿里巴巴设计事业部内部创业团队打造的一款设计协同产品，这个产品从 2018 开始正式启动，到 2022 年被内部叫停进入半维护状态。作者分享了设计协同工具的简史以及这个产品的经验和复盘。

• Typography Manual

  一些字体使用指南。