Weekly #040
文章推荐
一砖一瓦：帮助我们构建 CSS Masonry
https://developer.chrome.com/blog/masonry-update?hl=zh-cn
本文介绍了 Chrome 和 Edge 浏览器从版本 140 开始支持 CSS Masonry 布局的最新更新。CSS Masonry 是一种类似于砖块排列的布局模式，适用于以列或行格式排列项目，并能自动调整项目位置以充分利用可用空间。文章详细解释了 Masonry 布局的原理、优势及其与 CSS 网格、Flexbox 和多列布局的区别。此外，还介绍了如何在 Chromium 中测试 CSS Masonry 功能，并提供了相关的代码示例和属性说明。
Responsive Video Is (Almost) Easy Now
https://www.kooslooijesteijn.net/blog/responsive-video-easy
本文介绍了如何在网页中嵌入高质量、垂直和水平视频变体，摆脱对 YouTube 等平台的依赖。文章详细讲解了如何使用 HTML5 的 <video> 元素和 <source> 标签实现响应式视频，并通过 WebM 和 MP4 格式优化视频文件大小。此外，还探讨了如何避免布局偏移、添加全屏支持、使用响应式海报和字幕等技巧，以提升用户体验和网站性能。
Creating a scroll-spy with 2 lines of CSS
https://una.im/scroll-target-group
本文介绍了如何使用新的 CSS 特性 scroll-target-group 和：target-current 伪类，通过两条 CSS 代码轻松创建可跟踪的目录（scroll-spy 效果）。文章详细解释了实现步骤，包括设置锚点链接和目录列表，并通过示例展示了如何使目录项在滚动到对应内容时高亮显示。此外，还讨论了渐进增强的方法，以确保在不支持该特性的浏览器中仍能显示目录。
工具介绍
Difit
https://github.com/yoshiko-pg/difit
Difit 是一款轻量级的命令行工具，可以启动本地服务器，以类似 GitHub 的文件变更视图方式展示 Git 提交差异。它支持查看单个提交差异、比较两个提交或分支、审查 GitHub 拉取请求，并提供评论系统以便与 AI 编码代理进行交互。Difit 支持多种编程语言和技术的语法高亮，并具有丰富的命令行选项和开发工具链。
Instok
https://www.instokviewer.com/zh-CN
InsTok 提供免费的 Instagram 浏览器，允许用户匿名浏览个人资料。该工具无需帐户即可查看 Instagram 个人资料，并支持下载 Instagram 照片。InsTok 的 Instagram 网页浏览器注重隐私，不存储用户的个人数据或 Instagram 凭据，确保所有搜索都是匿名和安全的。用户可以快速查看谁喜欢任何公共帖子，无需登录，非常适合分析竞争对手、跟踪流行内容或关注喜欢的创作者。
飞搜侠
飞搜侠是一款在线飞书文档搜索工具，提供飞书文档搜索服务，帮助用户快速找到公开飞书文档，便捷获取飞书干货资料、课程、文档数据。该工具具有智能搜索、精准匹配、快速访问和实时预览等功能，并支持移动端应用，让用户随时随地搜索飞书文档。
Docmd
Docmd 是一个 Node.js 命令行工具，用于从 Markdown 文件生成美观、轻量级的静态文档网站。它遵循“零冗余，仅内容”的理念，支持多种主题、语法高亮、自定义组件和插件，适合开发者快速创建高质量的文档站点。
Pictiler
PicTiler 是一款现代化的照片马赛克创作工具，能够将您的图片转化为艺术性的构图。它采用先进的算法，支持在浏览器中直接处理图片，无需上传至服务器，确保您的照片隐私安全。用户可以上传自己的图片作为马赛克的构建模块，并调整马赛克的大小和效果，最终下载高分辨率的马赛克作品，适用于艺术创作、营销材料或个人纪念。
Docucod
Docucod 是一款自动生成和维护代码库文档的工具，帮助团队快速上手、高效协作。该平台支持开源项目的文档生成，提供了丰富的项目示例和实时更新功能，使开发团队能够专注于核心业务，提升工作效率。
Favicon.im
Favicon.im 是一个简单高效的服务，允许用户获取任何网站的图标（网站图标）。只需提供域名，网站就会返回相关的图标。它非常适合开发者、设计师或任何需要快速访问网站图标的用户。网站提供了多种功能，包括默认尺寸和更大尺寸的图标获取，以及多种格式的支持。 Mcp-use
https://github.com/mcp-use/mcp-use
MCP-Use 是一个开源库，允许开发者将任意大语言模型（LLM）连接到任何 MCP 服务器，从而构建具有工具访问能力的自定义智能代理。它支持多种功能，如轻松连接 LLM 到网络浏览、文件操作等工具，并允许开发者通过配置文件或环境变量进行灵活设置。MCP-Use 还提供了调试模式、沙盒执行等高级功能，方便开发者进行测试和部署。
Belin Doc
Belin Doc 是一款免费且无限制的 AI 文档翻译工具，由顶尖大模型驱动，完美保留原始布局。支持多种文档格式（如 PDF、DOCX、EPUB 等），无需注册即可使用，翻译质量上乘。该工具注重隐私保护，不存储用户文件，并提供多种高级模型选择，适用于学术研究、营销、跨境电商等多种场景。
Docucod
Docucod 是一款自动生成和维护代码库文档的工具，帮助团队快速上手、高效协作。该平台支持开源项目的文档生成，提供了丰富的项目示例和实时更新功能，使开发团队能够专注于核心业务，提升工作效率。
Snapdom
https://github.com/zumerlab/snapdom
snapDOM 是一款快速且精确的 DOM-to-image 截图工具，用于 Zumly 视图过渡框架。它能够将任何 HTML 元素捕获为可缩放的 SVG 图像，保留样式、字体、背景图像、伪元素，甚至阴影 DOM。支持导出为 SVG、PNG、JPG、WebP、canvas 或 Blob 格式。具有超快速度、无依赖性，并基于标准的 Web API 构建。
Starchive
https://github.com/andrewarrow/starchive
Starchive 是一个浏览器扩展和本地后端系统，能够自动存档 YouTube 视频。该系统包含一个 Firefox 扩展，用于检测 YouTube 视频页面，以及一个 Go 后端，使用 yt-dlp 下载视频。后端运行在端口 3009 上，提供健康检查和视频下载接口；浏览器扩展则自动检测视频页面并提取视频 ID，触发后端下载。视频被保存为 MOV 格式，并支持字幕下载（目前有限制）。
Hypersigil
https://github.com/hypersigilhq/hypersigil
Hypersigil 是一个 AI 提示管理平台，旨在帮助组织集中化、优化和动态部署 AI 工作流。它提供了一个统一的、协作的环境，让用户可以开发、测试和热替换提示，而无需重新部署代码。该平台支持非技术人员测试、精炼和跨多个 AI 提供者无缝部署提示，同时具备实时提示热替换、跨提供者编排和智能工作流适应等关键功能。
Favicon.im
Favicon.im 是一个简单高效的服务，允许用户获取任何网站的图标（网站图标）。只需提供域名，网站就会返回相关的图标。它非常适合开发者、设计师或任何需要快速访问网站图标的用户。网站提供了多种功能，包括默认尺寸和更大尺寸的图标获取，以及多种格式的支持。
Browserfly
Browserfly 是一款 AI 代理工具，它直接集成到用户的浏览器中。用户可以给它下达任务，它会像人类一样与浏览器进行交互，完成自动化任务、搜索信息、总结内容以及操作网页。该工具支持元素交互，允许用户通过自然语言命令分析、修改或与网页上的任何元素进行交互。Browserfly 提供免费和付费两种计划，免费计划每月提供 10 次请求，付费计划每月提供 100 次请求，适合日常使用和高级任务。
Image Dash
https://imagedashi.netlify.app
Image Dash 是一款快速、高效的图像反向搜索工具，支持通过图像、URL 或文本进行搜索，可在多个顶级图像搜索引擎中查找所需内容。该工具提供多引擎搜索功能，确保用户能找到最精确的结果，并注重用户隐私保护，上传的图像将在 5 分钟后自动删除。
Staticsearch
https://github.com/craigbuckler/staticsearch
StaticSearch 是一个简单的静态网站搜索引擎，使用客户端 JavaScript 和 JSON 数据文件，无需后端服务器或数据库。它适用于任何静态网站，但目前最佳支持英语语言网站。用户可通过命令行索引页面并添加搜索功能到网站，支持多种配置方式。
Add Image to PDF Online
该网站提供在线工具，帮助用户将图片添加到 PDF 文档中。用户可以上传 PDF 文件，然后选择并上传所需的图片，通过专业级的编辑控制（如调整大小、旋转、位置等）将图片精确地插入 PDF 中。网站支持多种图片格式（JPG、PNG、WEBP、GIF、SVG 等），所有处理均在本地浏览器完成，无需注册或登录，确保用户隐私安全。
Compress Image Online Free
https://www.compressimagex.com/en
CompressImageX 是一个免费的在线图像压缩工具，支持 JPG、PNG、WebP 等格式，用户可以批量压缩多张图像，优化图像大小至 90% 而不失真。网站提供快速压缩、隐私保护、高级设置等功能，适合网页优化、邮件附件和存储节省等需求。
资源聚合
Multiterm-Astro
https://github.com/stelcodes/multiterm-astro
MultiTerm 是一个专为程序员设计的 Astro 博客主题，提供 60 种您喜爱的配色方案供选择。该主题支持暗/亮/自动主题模式，允许读者从多个主题中选择，并集成 GitHub 评论区和活动小部件。此外，它还支持 Markdown 扩展、RSS 和站点地图、社交链接等功能，适合开发者打造个性化博客。