Weekly #044
文章推荐
The Basics of Anchor Positioning
https://ishadeed.com/article/anchor-positioning/
本文介绍了 CSS 中锚点定位的基础知识,探讨了如何使用锚点定位技术将元素相对于其他元素进行定位,并通过实例展示了锚点定位的应用技巧和优势。文章详细解释了 position-anchor
和 position-area
等属性的使用方法,以及如何处理定位元素超出视口的情况。
Making Sense of CSS Length Units
https://blog.scottlogic.com/2025/08/22/css-length-units.html
本文为初级开发者提供了关于 CSS 长度单位的清晰解析,涵盖了绝对单位(如 px、cm、mm 等)、相对单位(如%、em、rem 等)、视口单位(如 vh、vw 等)以及一些特殊单位。文章详细解释了不同单位的适用场景,并建议开发者优先使用 rem 和视口单位来构建响应式布局,以确保网页在不同设备和设置下的兼容性和可访问性。
工具介绍
Pixxel
Pixxel 是一款免费的 Chrome 扩展程序,旨在帮助用户快速美化浏览器截图。它提供圆角、阴影和自定义背景等功能,无需安装重型应用程序或学习复杂的过程。用户可以轻松地为截图添加样式,并导出高质量的 PNG 文件。
Octarine
Octarine 是一款注重速度、简洁和数据所有权的私密 Markdown 笔记应用,适用于 macOS、Linux 和 Windows。它提供快速轻量级的写作、规划和组织工具,所有笔记以 Markdown 格式本地存储,支持所见即所得、Git 同步、智能日期、链接笔记等功能,旨在帮助用户重新掌握文字编辑,同时确保数据隐私和自由。
Sosumi.Ai
sosumi.ai 是一个将 Apple Developer 文档转换为 AI 可读 Markdown 格式的服务,帮助大型语言模型更好地理解和处理 Apple 开发者文档。该服务通过将 JavaScript 渲染的页面转换为 Markdown,解决了传统文档对 LLMs 不友好的问题,支持 Swift、SwiftUI、UIKit、Xcode 等多种 Apple 技术文档的访问。
Growchief
https://github.com/growchief/growchief
GrowChief 是一个开源的社交媒体自动化工具,用于自动化社交媒体账户的互动,如发送连接请求和跟进消息。它支持 API 集成,适用于 n8n、Make 和 Zapier 等自动化平台。该工具具有并发控制、工作时段管理、代理支持和人机模拟等功能,旨在帮助用户高效地通过行社交媒体扩大影响。
Pocket Agent
Pocket Agent 是一款移动应用,允许用户创建、跟踪和审查他们的编码代理的工作。它支持构建、部署和管理 AI 驱动的开发工作流程,用户可以随时随地通过手机进行操作。该应用提供终端访问、文件编辑、实时进度跟踪等功能,并支持与多种 CLI 代理(如 Claude Code、Cursor-agent 等)协同工作。此外,Pocket Agent 还提供云端背景代理功能,用户无需本地机器即可在云端启动自主代理,并通过推送通知实时获取任务完成状态。
Ffmpegs Pages
FFmpegs Pages 是一个简单易用的在线媒体处理平台,提供视频和音频的转换、压缩和提取功能。该网站支持多种常见格式,如 MP4、WebM、AVI、MOV 和 MKV,并提供了详细的操作指南和命令示例,适合初学者和有经验的用户使用。
Video To Prompt
Video2Prompt 是一款基于 AI 技术的视频转提示工具,能够将视频内容自动转换为详细的文本描述,帮助用户快速生成创意项目所需的提示信息。支持多种视频平台和格式,提供高效、准确的视频内容分析,适用于内容创作、市场营销、教育等多个领域。
Vibe Annotations
https://www.vibe-annotations.com
Vibe Annotations 是一款专为 AI 编码代理(如 Claude Code、Cursor、GitHub Copilot 和 Windsurf)设计的视觉注释工具。该浏览器扩展允许开发者直接在网站元素上添加视觉注释,并自动将注释发送到 AI 编码代理进行实现。支持本地开发环境,无需云服务,确保数据安全与隐私。
Publish Markdown
Publish Markdown 是一款免费的在线 Markdown 编辑器和预览工具,支持实时预览、一键发布,并提供丰富的 Markdown 功能,如列表、表格、代码块等,方便用户快速创建和分享 Markdown 文件。
资源聚合
A1.art
a1.art 是一个免费的在线 AI 图像生成器,用户可以轻松创建和发现图像滤镜,只需点击一下即可生成令人惊叹的 AI 艺术作品。网站提供了丰富的滤镜选择和创作工具,适合艺术爱好者和设计师使用。
EyeDance
EyeDance 是一个完全免费的 AI 图像生成平台,提供无限次的图像生成服务,无需登录。平台支持多种先进的 AI 模型,包括 Flux Krea 和 Flux Kontext,用户可以通过文本描述生成图像,并进行高级图像编辑。网站还提供多种图像生成工具,如文本到图像转换、图像编辑等,所有功能完全免费且无使用限制。
Komposer
KOMPOSER 是一个基于人工智能的图像创作平台,用户只需上传一张图片,AI 即可自动生成多张图像。平台支持用户对生成的图像进行分支选择,创建个性化的图像树状结构,方便用户进行创意探索和图像管理。
CSS-Questions
CSS-Questions 是一个提供超过 150 道 CSS 挑战问题的平台,涵盖从基础选择器到高级主题如伪类、级联层和容器查询。无论你是初学者还是经验丰富的开发者,都可以通过练习这些问题来提升 CSS 技能。网站还提供了基础测试和综合考试,帮助用户系统地学习和巩固 CSS 知识。
随便看看
Alcove Dof Visualizer
https://github.com/alcove-design/alcove-dof-visualizer
这是一个为 Blender 提供的插件,能够在 3D 视图中实时显示景深效果,帮助电影摄影师和摄影师直接在场景中可视化焦点区域、超焦距和景深限制。该插件支持预览景深效果、实时景深渐变覆盖、焦点平面激光指示器、近/远景深限制可视化、超焦距计算等功能。