◂Ⓘ▸YAYOI の 夢 (@Yayoi_no_yume)我不知道啊，我看见Nekopara我就进来了，结果发现这是一款2.9k Stars的超级长文本翻译工具！
如果有不好意思上传给平台的“正经”文本，还能调用本地的SakuraLLM（特别训练的中日翻译模型）来进行翻译。
先星星为敬！
https://github.com/NEKOparapa/AiNiee

GitHub

GitHub - NEKOparapa/AiNiee: 一款专注于Ai翻译的工具，一键自动翻译RPG SLG游戏，Epub TXT小说，Srt Vtt Lrc字幕，Word MD文档等等复杂长文本。

一款专注于Ai翻译的工具，一键自动翻译RPG SLG游戏，Epub TXT小说，Srt Vtt Lrc字幕，Word MD文档等等复杂长文本。 - NEKOparapa/AiNiee

AI 摘要：本期《Frontend Focus》第702期聚焦前端领域的最新动态、实用工具、深度文章与观点。内容涵盖SVG基础入门、HTML 2025年度调查、AI辅助调试、可访问性标准解读、CSS动画、性能优化、前端框架更新等多个方面，为开发者提供了丰富的学习资源和行业洞察，同时介绍了多款前端实用工具和库，以及一些趣味简讯和广告。

1. 社区动态
• HTML 2025 年度调查启动：第三届年度 HTML 调查，旨在了解开发者如何使用 Web 平台日益增长的能力，其结果将直接影响明年 Interop 项目的优先级。
• WCAG 纯英文版：让无障碍标准易于理解：一个可搜索的资源，为官方 Web 内容无障碍指南（WCAG）提供了一个初学者友好的指南，使其更易于消化。
• Firefox 141 发布：新版本增加了垂直标签页和 AI 标签组织智能功能。
• GitHub 支持欧盟主权技术基金：GitHub 正在倡导设立一项欧盟主权技术基金。
• 为什么不信任 WCAG 2.2 以及对 3.0 的期望：Daniel Schwarz 提出了他对 WCAG 2.2 的担忧，并探讨了 WCAG 3.0 如何改进这些问题。
2. 文章、观点与教程
• 时间不多，范围却很多：滚动驱动动画的 animation-ranges 速查表 —— 一篇关于滚动驱动动画及其可用选项的入门指南。
• 小屏幕，大影响：为功能手机开发 Web 应用的被遗忘艺术：探讨了功能手机在2025年仍有意义的原因，以及如何为这类设备构建和发布Web应用。
• Tailwind 是“最糟糕的综合体”：一篇观点文章，认为 Tailwind 是 “将 CSS 和现代 Web 开发中所有糟糕之处结合在一起的令人遗憾的倒退”。
• 2025 年前端性能检查清单：一份高层次的清单，列出了创建快速、高效 Web 应用时需要牢记的事项。
• 利用 Web Speech API 让你的网站开口说话：一种简单直接的方法，为网站添加语音功能。
• 糟糕导航的隐性成本：信息架构如何直接影响业务指标：探讨了信息架构对业务指标的直接影响。
3. 开发工具与资源
• Glass3D 生成器：一个生成 3D 玻璃效果的 CSS 工具：一个允许编辑背景滤镜设置、颜色和纹理的工具，并实时预览效果。
• Astro 5.12 发布：新版本特性包括升级的 Netlify 开发体验、内容加载器中的 TOML 支持等。
• Tiptap v3：无头富文本编辑器框架：为构建强大的富文本编辑体验提供了基础，v3 版本包含大量开发者体验改进，如动态UI的卸载和重新挂载、创建自定义视图的 “Markviews”、SSR 模式等。
• macOS 光标 PNG 图片集合：一个提供各种 macOS 光标 PNG 图片的网站。

AI 摘要：本期 Node Weekly 聚焦 Node.js 最新版本更新、社区讨论以及相关技术进展。Node.js v24.4.0 发布，带来了新的功能和安全更新提示；社区正在讨论是否将 Node.js 改为年度大版本发布并缩短 LTS 周期；TypeScript 5.9 Beta 引入了新功能如 import defer；此外，还涵盖了 Docker 部署最佳实践、性能差距分析、JavaScript 现代模式问题，以及一系列实用工具和库的更新，旨在帮助开发者提升效率和代码质量。

1. Node.js 更新与公告：
• Node v24.4.0 (Current) 发布：新增 --watch-kill-signal 功能，允许指定重启进程时的信号；spawn 和 spawnSync 支持权限模型标志传播；包含常规 V8 和依赖项更新。Node 团队还预告即将发布 v24.x、22.x 和 20.x 版本以解决安全问题。
• Node.js 年度大版本发布提案：社区讨论是否将 Node.js 改为每年一次大版本发布，并将偶数版本 LTS 周期从 30 个月缩短至 24 个月，欢迎社区反馈。
• Node.js v18 支持延长：尽管 v18 已于 2025 年 4 月停止支持，但 Canonical 宣布 Ubuntu Pro 用户将获得支持至 2032 年。

2. 社区与安全动态：
• Node-API 支持 React Native：Callstack 宣布为 React Native 引入 Node-API 支持，扩展跨平台原生代码编写和共享的可能性。
• TypeScript 5.9 Beta 发布：引入 import defer 支持，以及新的 node20 模式（类似 nodenext，但目标为 ES2023）；透露 Go 驱动的 TypeScript 原生端口将在 TypeScript 7 中可用。
• TC39 全会总结：Igalia 团队分享了最新 TC39 全体会议的详细摘要，其中包含有关 ECMAScript 发展的有趣花絮。。
• 安全威胁：朝鲜“威胁行为者”部署了 67 个恶意 npm 包，Kirill Boychenko 详细解释了这些包的运作机制。
• Node 版本管理器性能差距：Pavel Romanov 指出不同 Node 版本管理器可能导致 shell 启动速度相差 500 倍，但对大多数用户影响不大。
• JavaScript 作用域提升问题：Parcel 创建者 Devon Govett 认为作用域提升与现代 JS 模式冲突。
• 使用 Array.fromAsync() 的现代异步迭代：Matt Smith 介绍 Array.fromAsync() 的用法。
• 类型化查询构建器对比：Guillaume Billey 比较了 Kysely 和 Drizzle 两种工具。

3. 工具与库推荐：
• Necord：基于 Nest 和 Discord.js 的 Discord 机器人开发框架，易于部署机器人功能。
• Upyo：跨运行时邮件发送库，支持 SMTP 和 HTTP（如 SendGrid、Amazon SES）提供统一类型安全的 API。
• Rewire 9.0：专注于 CommonJS 的单元测试猴子补丁工具，方便注入 mock 和检查私有变量。
• Envalid 8.1：环境变量验证工具，确保程序运行时依赖项齐全。
• cRonstrue 3.0：将 Cron 表达式转换为自然语言，支持约 30 种语言环境。
• 其他更新：包括 ESLint v9.31.0、Serverless Express 4.17、NATS.js 3.1、OpenAI Node 5.9 等工具和库的最新版本信息。

4. 生态系统动态：
• JavaScript Date 类测试：通过趣味测验了解 Date 类的解析机制。 #趣站
• ANSI.tools：在线工具，用于分析 ANSI 转义码和常用代码查询。
• 10 亿行挑战：Tae Kim 分享如何在 Bun 中处理 10 亿行文件，耗时不到 10 秒。
• Nginx 的 njs 模块升级：从仅支持 ES5 升级至使用 QuickJS，支持完整的 ES2023 功能。

BlockNote 是一个开源的基于 React 的块式富文本编辑器，风格类似于 Notion，具备高度可扩展性，构建于 Prosemirror 和 Tiptap 之上。它为开发者提供了开箱即用的现代化文本编辑体验，支持动画、拖放块、嵌套缩进、斜杠菜单、格式化菜单以及实时协作等功能。BlockNote 提供了完整的 UI 组件（基于 Mantine），也支持自定义 UI 或不使用 React 的核心库，适合嵌入到各种应用中。此外，它遵循 MPL 2.0 许可证，允许商业使用，并鼓励社区贡献。

GitHub

GitHub - TypeCellOS/BlockNote: A React Rich Text Editor that's block-based (Notion style) and extensible. Built on top of Prosemirror…

A React Rich Text Editor that's block-based (Notion style) and extensible. Built on top of Prosemirror and Tiptap. - TypeCellOS/BlockNote

洗衣机酱是一个 3D 洗衣店，在这里图像会被清洗。一个使用 Three.js 构建的本地、无广告的背景移除器——快速、私密、有趣。

AI 摘要： Backlog.md 是一款面向 git 用户的本地项目看板工具，通过将任务以 Markdown 文件形式存储在 git 仓库中，实现项目管理和代码管理的无缝结合。它支持命令行和网页两种操作模式，无需云端和账号，注重数据隐私和本地协作，适合对安全性和离线工作有需求的开发者或团队。同时，它集成了 AI 助手、跨平台支持等功能，开源且免费。

小众软件

Backlog.md - 在 git 仓库中用 .md 生成并管理项目看板 - 小众软件

Backlog.md 是一款专为使用 git 的开发者设计的本地项目看板工具，拥有命令行与网页版两种操作模式。

AI 摘要： 本期 Node Weekly（#585，2025年7月8日）涵盖了 Node.js 生态系统的最新工具、教程和资讯，重点介绍了处理无效 JSON 数据的工具 jsonrepair、修复 Node 中 emoji 切片问题的技术、以及多个实用工具和框架如 Bruno 和 grammY。此外，还包括 Node.js 官方 API 文档设计改进的进展、AI 驱动的颜色搜索引擎开发教程，以及 JavaScript 生态系统中的其他动态，如 Deno 2.4 发布和 Rust 在 JS 工具链中的应用趋势。

1. 核心内容与工具
• jsonrepair: 介绍了一个修复无效 JSON 文档的工具，适用于处理 LLM 或不合规软件输出的异常 JSON，可通过 Node、CLI 或在线版本使用。
• Codepoint–Safe Truncation: 针对 Node 中 CSV 导入因 emoji 导致的错误，James Mulholland 展示了如何通过代码点感知的 spread 方法解决切片问题。
• Bruno: 一个基于 Node 和 Electron 的开源 HTTP API 测试 IDE，作为 Postman 的轻量级替代品，支持复杂和简单的请求测试。
• Poolifier 5.0: 实现 worker_threads 和 cluster 的工作池，支持可中止任务。
• grammY: 一个最新的 Telegram 机器人框架，简化机器人开发，支持最新的 Telegram Bot API。 【这个好用的喵】
• 0x 6.0: 一款单命令生成 Node 进程交互式火焰图的性能分析工具。
• 其他工具更新：包括 Babel 7.28.0（支持原生 TS 配置和 ES2026 资源管理）、Inquirer.js 12.7（命令行交互 UI）、Secretlint 10.2（防止凭据泄露）、Faker 9.9（生成伪造数据）等。

2. 教程与资源
• What’s the Difference Between Ordinary Functions and Arrow Functions?: James Sinclair 探讨普通函数与箭头函数的区别。
• Am I Online?: Anton Zhiyanov 介绍一种通过检查特定 Google URL 判断应用是否在线的方法。

3. Node.js 社区动态：
• API 文档改进：Node.js 团队正在通过 api-docs-tooling 工具重塑 API 文档的设计和构建流程，并分享了初步进展。
• 数据出口成本比较：对比了 Vercel、AWS 等约 40 个流行云服务的数据出口费用。
• Node 应用文件结构讨论：Reddit 的 /r/node 社区就 Node 应用文件结构展开了有趣讨论。

4. JavaScript 生态系统其他资讯：
• Rust 在 JS 工具中的应用：Oliver Stenbom 讨论 JavaScript 工具链逐渐被 Rust 重写的趋势。 【锈化！】

GitHub

GitHub - josdejong/jsonrepair: Repair invalid JSON documents

Repair invalid JSON documents. Contribute to josdejong/jsonrepair development by creating an account on GitHub.

AI 摘要： 本期 Smashing Newsletter #514 聚焦于 CSS 的最新技术和工具，介绍了多项创新功能和实用资源，包括 CSS 中的 if() 函数、锚点定位 API、缓动函数工具、阴影匹配技巧以及 CSS 渐变效果等。

1. CSS 新特性（Chrome 137）：
• 介绍了 if() 函数，支持基于自定义属性值和样式查询编写逻辑样式，增强了 CSS 的逻辑控制能力。
• reading-flow 属性通过声明预期的焦点顺序提升键盘和屏幕阅读器的可访问性，解决视觉顺序与 DOM 源顺序不匹配的问题。

2. CSS 径向渐变创建 CSS 爆炸背景效果
• Chris Coyier 展示了如何仅用 CSS 创建爆发背景效果，利用 conic-gradient() 和硬性停止点的特性，结合径向渐变实现文本空间和视觉层次。

3. CSS 缓动函数工具（Easing Wizard）
• Matthias Martin 开发的 Easing Wizard 工具帮助开发者可视化和测试 CSS 缓动函数，支持多种类型（如 Bézier、弹簧、反弹等），并提供预设和代码导出功能。

4. 跨平台阴影匹配
• Marc Edwards 提供了一份阴影转换比例表，帮助开发者在 CSS、Android、iOS、Figma 和 Sketch 等平台间实现一致的阴影效果，尽管渲染差异无法完全消除，但可接近匹配。

5. CSS 锚点定位 API 工具
• Una Kravets 开发的 Anchor Position Tool 简化了锚点定位 API 的使用，通过可视化界面展示元素相对锚点的定位效果，并生成可直接使用的 CSS 代码。

6. HTML 输入图标样式修复
• Cassidy Williams 分享了一个解决暗模式下日期/时间输入图标不可见的技巧，利用 ::-webkit-calendar-picker-indicator 伪元素调整图标样式，支持滤镜、不透明度和自定义图像。

Frontend Masters

CSS Bursts with Conic Gradients

You can make stripes with CSS gradients pretty easily. It’s that classic thing where you don’t fade a color from one to another, you just switch colors by having two colors share the same “color stop”. I made this one time to explain that:

jhey ʕ•ᴥ•ʔ@jh3yy: css animation tip
don't sleep on the devtools animation inspector — it's great for debugging and scrubbing your timelines 👇

CSS 动画技巧
不要忽视开发者工具中的动画检查器——它非常适合调试和调整时间线 👇

AI 摘要：BFG Repo-Cleaner 是一个比 git-filter-branch 更简单、更快速的工具，用于清理 Git 仓库历史中的不良数据。它通过高效的操作方式，帮助用户删除敏感文件、大文件、特定密码或文件夹等内容，同时保护最新提交以避免破坏生产代码。BFG 的运行速度比 git-filter-branch 快 10-720 倍，适合快速处理大规模仓库历史清理任务。文章详细介绍了 BFG 的使用步骤、功能选项以及注意事项，并强调了备份和验证的重要性。

AI 摘要：本文涵盖了前端开发的多个热门话题和技术更新，包括 CSS 滚动驱动动画、Web 机器人检测技术、Web 可访问性、Astro 5.10 发布、Firefox 140.0 新功能，以及多种 CSS 技术和工具资源。文章通过教程、工具介绍和行业动态，为前端开发者提供了丰富的学习和实践资源。

1. CSS 滚动驱动动画指南 - Saron Yitbarek
• 介绍了如何使用 CSS 的 scroll() 和 view() 函数实现滚动驱动动画，无需 JavaScript。
• 提供了代码示例，展示如何创建进度条或将元素动画效果引入视口。
• 强调了可访问性和运动敏感性考虑。
2. Web 机器人与检测技术简史 - OlegWock
• 概述了 Web 机器人与检测技术之间的“猫鼠游戏”。
• 探讨了机器人演变、IP 声誉、指纹识别、无头浏览器漏洞、代理检测、CAPTCHA 和行为分析等技术。
3. Astro 5.10 发布
• 重点介绍了 Astro 的响应式图片功能已正式上线。
• 新增实验性实时动态内容获取功能，并改进了 CSP 支持。
4. Firefox 140.0 新功能与更新
• 介绍了 Firefox 最新版本新增的垂直标签功能。
• 支持自定义高亮 API 和 SVG fetchpriority 属性等。
5. 简讯（IN BRIEF）
• JSON 模块脚本现已作为 Baseline 新功能可用。
• Mozilla 更新了 Firefox 插件政策，将于 8 月生效。
• 2025 年 CSS 状态调查仅剩一周时间完成。
6. 文章、观点与教程
• CSS 中的 Liquid Glass 设计 - Pup Atlas：实现了 Apple 的 Liquid Glass 设计语言，但兼容性较差，属于有趣的实验。
• Chrome 137 中 CSS if 函数初探 - Sunkanmi Fafowora：探讨了该函数的语法、工作原理及与其他属性的结合应用。
• CSS 层级、BEM 与工具类：特异性控制 - Victor Ayomipo：分析 CSS 特异性问题，避免使用 !important 标记。
• JPEG 如何成为互联网图像标准 - Ernie Smith：回顾 JPEG 格式 30 年来的历史及影响。
• 实现内联文档查看器的经验教训 - Anjali Munasinghe：分享项目实施中的经验。
• 使用 Three.js、GSAP 和 Web Audio API 编码 3D 音频可视化器 - Filip Zrnzevic：技术实现教程。
7. 工具、代码与资源
• Mossaik - Gabriel Perales：基于 Web 的工具，用于创建 SVG 背景，支持多种形状和自定义设置。 #svg #tools
• <syntax-highlight>：自定义元素，利用 CSS 自定义高亮 API 实现语法高亮。
• Browser MCP：连接 AI 应用到浏览器，自动化测试和任务，支持 VS Code、Claude 等工具。
• Contrast Report：WCAG 颜色对比检查工具，支持分享链接和颜色选择功能。
• Text to SVG：将文本转换为 SVG 路径的工具。
• SlimImg：浏览器内图像压缩工具。

WebKit

A guide to Scroll-driven Animations with just CSS

CSS animations have come a long way since Apple first introduced them to the web in 2007.

AI 摘要： 本期 Node Weekly 聚焦 Node.js 生态系统的最新动态与工具，涵盖了 PHP 与 Node.js 的集成、AI 技术在开发中的应用、以及多个实用工具和库的更新。文章详细介绍了 php-node 模块如何实现 PHP 应用在 Node 环境中的运行、多个 Node.js 相关工具如 ESLint、Bun 的新功能。此外，还包括了 JavaScript 领域的最新资讯，如 TC39 提案进展和 Temporal API 的潜力。

1. 简讯
• php-node：PHP 与 Node.js 的新型集成：介绍 php-node 作为 Node 的原生模块，允许在 Node 环境中运行 PHP 应用。应用场景：迁移遗留 PHP 应用、构建 PHP/JS 混合应用，或在 Node 应用中调用 PHP 功能（如 WordPress 集成）
• Joyee Cheung 分享关于 Node 中 CommonJS 与 ESM 桥接的演讲幻灯片。
• OpenJS 基金会现在是其旗下 40 多个 JavaScript 项目的 CNA，包括 ESLint、Express 和 Electron。
• SQLite-JS 扩展允许使用 JavaScript 编写自定义 SQLite 函数。
• DigitalOcean 推出 Node 驱动的 MCP 服务器，支持通过 AI 代理（如 Claude）管理托管应用。
2. 技术文章与教程
• 使用 Node.js 和 Llama Stack 实施 AI 保障措施： Llama Stack 是 Meta 用于在 Node、Python、Swift 或 Kotlin 中构建 AI 应用程序的框架。
• 在 Express 中管理功能标志 (Trunker)：介绍 Trunker 作为 Express 中间件，用于实现功能标志管理。
• 使用可选链编写更可靠的 JavaScript：讲解可选链的使用及其优势。
• 构建 Linux Electron 应用：讨论 Electron 跨平台特性及 Linux 平台特定问题。
• Node.js 生产级日志记录 (Pino)：介绍使用 Pino 进行高效日志记录。
3. 代码与工具
• qnm：CLI 工具，方便探索 node_modules，提供模糊搜索及空间占用分析功能。【感觉还是 antfu/node-modules-inspector 香】
• Zigar：在 Node 和 Electron 项目中使用 Zig（C/C++ 超集）代码。
• 🤖 OpenAI 客户端 5.x：从 Node 使用 OpenAI 模型 ——OpenAI 官方 JavaScript 库的最新版本，适用于其各种 API，现已支持其所有最新模型和实时 API（ v5.0 更新日志 ）。支持 Deno 和 Bun。
• Opossum 8.5：异步函数断路器，支持超时及错误阈值设置。
• Beachpatrol：CLI 工具，基于 Playwright 实现浏览器自动化，支持 macOS 和 Linux。作者：Sebastian Carlos。
• 其他工具更新：包括 ESLint v9.28.0（增强 TypeScript 支持）、Bun v1.2.15（新增安全审计工具）、Ink 6.0（支持 React 19）、pdf2html 4.0（用 Apache Tika 和 PDFBox 将 PDF 转换为 HTML）
4. JavaScript 领域动态
• TC39 第 108 次会议：多项提案进展，如 Seeded Pseudo-Random Numbers 进入 Stage 2，Error.isError 进入 Stage 4。
• Stack Overflow 年度开发者调查开启第 15 年。
• 探讨即将推出的 Temporal API，如何解决 JavaScript 中日期和时间处理问题。
• Sean Gillespie 正在思考高效 monorepo 的要素。

Platformatic Blog

Seamlessly Blend PHP with Node.js

@platformatic/php-node integrates PHP into Node.js apps for a unified developer experience

AI 摘要：本文介绍了 Photoshop 最新发布的 Android 应用，在 Beta 测试阶段所有功能均免费开放，为用户提供了桌面级图像编辑体验，集成了 AI 驱动的创意工具，并针对移动端进行了优化，适合从新手到专业用户的多样化创作需求。文章还详细说明了设备要求、功能亮点及获取方式，提醒用户未来部分高级功能可能转为订阅制。

小众软件

Photoshop 发布 Android 应用，测试期间所有功能全免费 - 小众软件

在今年2月份推出 iOS 版本客户端之后，Photoshop 终于发布了 Android 应用，并且测试期间全免费。@Appinn

这个项目已经 Vibe 了 9K 行了，是时候重构一波了。
现在连 Live photo 都支持了。
https://github.com/Innei/photo-gallery

🧵 Thread • FixupX

拾一.ens18 (@__oQuery)

这个项目已经 Vibe 了 9K 行了，是时候重构一波了。

现在连 Live photo 都支持了。

https://github.com/Innei/photo-gallery

此工具可将使用 <path d=“...”> 创建的 SVG 形状转换为 CSS 形状（使用 clip-path 的新 shape() 函数制作）
单元素实现，可用于图像并支持渐变色

AI 摘要：本文介绍了由 CSS 形状专家 Temani Afif 开发的新工具，该工具可将 SVG 路径（ path() ）转换为新的 CSS shape() 函数命令。文章对比了两者的语法差异，并强调了该工具作为学习资源的实用性，尽管 path() 并未被弃用，但 shape() 提供了更直观的坐标描述方式。

AI 摘要：本期 Frontend Focus 聚焦 2025 年 Google I/O 大会的前端技术动态，涵盖 Gemini AI 集成、CSS 新特性、开发者工具升级等内容，同时推荐了设计系统构建、Web 可访问性改进等实用工具与文章。

1. Google I/O 2025 重点更新
• 开发者主题演讲：展示 Gemini AI 如何辅助 Web 开发（1 小时 10 分钟）。
• Chrome 与 Web 新特性：包括 Baseline 标准、CSS 功能（如 CSS Carousels）、Core Web Vitals 优化等。
• AI 集成：Gemini AI 将嵌入 Chrome 和开发者工具，提供多模态 Prompt API。
• 工具支持：Visual Studio Code 新增 Baseline 兼容性支持。
• 来自 Google I/O 10 的 2025 项更新：CSS 轮播、AI 驱动的 DevTools、具有多模式功能的提示 API 等

2. AI 与开发工具
• 'MCP is the Coming of Web 2.0 2.0'：Anil Dash 探讨 LLM 与第三方工具交互的开放协议潜力。 #MCP
• Mozilla 观点：呼吁在谷歌反垄断案中平衡搜索与浏览器竞争。
• 开发人员浏览器 Polypane 24.1 新增 CSS 选择器测量工具。
• Safari Technology Preview 219 和 Chrome 137 DevTools 新功能。

4. 教程与文章精选
• CSS 技巧：
• Temani Afif 使用 clip-path: shape() 创建动态 Blob 形状。
• Jeremy Keith 分享实用 CSS 代码片段。
• Zoran Jambor 演示弹性网格布局（Flexible Wrapping CSS Grid）。
• 可访问性：
• HTML 邮件的可访问性仍待改进（基于 40 万封邮件分析）。
• Chris Coyier 探讨 RTL 语言布局翻转问题。
• 多篇文章讨论 WCAG 2 合规性和图片可访问性解决方案。

5. 工具与资源
• AI 相关：
• prompt-kit：基于 shadcn/ui 的 AI 应用组件库。
• Polarr 的 AI Color Match：图像色彩匹配工具。
• 开发工具：
• Datastar：结合 Alpine.js 与 htmx 的超媒体框架。
• jsPad：支持多技术栈的在线代码沙盒。
• Crosspost：跨社交网络一键发布工具。
• ColorPocket：用于组织和选择颜色的 Chrome 扩展程序

6. 其他亮点
• 趣味实验：Eric Parker 尝试用 Windows 95 浏览现代网页（体验极差）

io.google

Google I/O 2025: Developer keynote

Don’t miss Google I/O, featuring product launches, innovations, and insights. Tune in for the live keynotes and sessions.

AI 摘要：本期《科技爱好者周刊》聚焦科技前沿动态与工具资源，涵盖了 AI 应用、硬件创新、月球生态实验等多个领域，同时分享了大量开源工具、开发资源及思想观点。文章从 Meta AI 新应用、月球养鱼计划到 3D 打印建筑等，展现了科技如何改变生活与未来的可能性。此外，还探讨了 AI 隐私问题、Web 开发趋势及创造力与限制的关系。

• 文章精选
• ChatGPT o3 照片定位：o3 模型可通过照片精准猜测拍摄地点，利用街景地图训练数据，甚至能判断具体拍摄位置，提醒用户上传照片需注意隐私泄露风险。
• 命令行设置 MacBook：介绍 macOS 内置命令行工具，适合快速配置新电脑，提高效率。
• Zip 炸弹保护服务器：作者通过体积小但解压后巨大的 Zip 文件对抗网络爬虫，分享独特防御策略。
• 工具推荐：列出 17 款开源工具，包括桌面宠物 BongoCat、条形码生成器 Barcode Maker、输入法切换工具 Input Source Pro、QBin 开源的在线文本编辑与分享服务等。
• BongoCat：开源桌面宠物，支持多平台（macOS、Windows、Linux）。
• Barcode Maker：开源条形码和二维码生成网站。
• Fread：支持 Mastodon、Bluesky、RSS 协议的安卓"微博客"客户端。
• DeckTap：局域网内手机遥控电脑幻灯片演示工具。
• Input Source Pro：Mac 输入法切换工具，支持应用/网站默认输入法设置。
• QBin：在线文本编辑与分享服务，支持代码、图片、视频分享。
• EasyEditor：低代码引擎，用于可视化搭建 Web 应用。
• PakePlus：基于 Tauri2 的工具，将网站打包为桌面/手机应用。
• 柠檬表单：开源表单问卷系统，自带管理后台。
• MotionEaseTune：安卓防晕车应用，通过 100Hz 声音缓解症状。
• OpenApi 接口代码生成器：根据 OpenAPI 文档生成多语言客户端代码。
• MyOCR：基于 Python 的本地 OCR 文字识别框架。
• SimonAKing-HomePage：使用 WebGL 流体动画的个人网站模板。
• 酷监控：开源监控控制台，支持网站/接口/HTTPS 证书监控。
• FindJSONPath：在线 JSON 工具箱，支持 mock 数据生成与路径可视化。
• 拼字幕：在线字幕拼图制作工具。
• YouTube Playlist Processor：用 AI 将 YouTube 播放列表转为电子书。
• 资源分享：推荐免版权素材搜索引擎、FeedMe 提供多个信息源最新内容的 AI 摘要、吉卜力电影高清图等资源，方便开发者与创作者获取灵感与素材。
• 图片与历史：介绍 1982 年柯达盘式胶片相机，探讨其便携设计与画质缺陷导致的停产原因。
• 文摘与言论：分享约翰·巴洛的人生信条，强调对可能性与不确定性的开放态度；回顾 25 年来 Web 开发技术趋势的更迭，讽刺技术炒作；引用多位学者与从业者关于创造力、AI 发展

GitHub

GitHub - runjuu/InputSourcePro: Switch and track your input sources with ease ✨

Switch and track your input sources with ease ✨. Contribute to runjuu/InputSourcePro development by creating an account on GitHub.

AI 摘要：Tanner Linsley 宣布推出 Tan_Stack NPM Stats (Beta)，这是一个用于分析和可视化 NPM 软件包统计数据的工具。该工具提供了丰富的功能，包括可共享的深度链接、软件包分组、多种时间范围的统计数据查看、增长趋势分析、自定义显示选项以及开源支持，旨在帮助开发者更直观地了解和比较 NPM 软件包的表现。

1. 可共享的深度链接：用户可以生成并分享特定的统计数据视图链接，方便协作与交流。
2. 软件包分组：支持将相关软件包组合在一起，便于管理和比较。
3. 时间分箱选项：提供每日、每周、每月、每年的数据统计分箱，灵活查看不同时间段的表现。
4. 增长趋势分析：用户可以选择查看绝对增长或相对增长数据，了解软件包的增长趋势。
5. 比较基线设置：支持设置基线数据，用于与其他软件包或时间段进行对比。

🧵 Thread • FixupX

Tanner Linsley (@tannerlinsley)

Announcing @Tan_Stack NPM Stats (Beta)

🔗 Shareable deep links
📦 Group related packages together
📊 Daily/weekly/monthly/yearly binning
📈 View absolute or relative growth
🎯 Set baseline for comparison
👁️ Toggle package visibility
🎨 Customize package colors…