Weekly #046
文章推荐
The Fundamentals of CSS Alignment
https://css-tip.com/explore/alignment
本文深入探讨了 CSS 对齐的各个方面，从基本概念到实际应用，帮助读者理解对齐属性如何在不同布局中工作，并提供了丰富的示例和练习，适合想要深入了解 CSS 对齐的网页开发者阅读。
Your Images Are (Probably) Oversized
https://reasonunderpressure.com/blog/posts/your-images-are-probably-oversized
本文探讨了在网页开发中如何避免过度加载图像，强调了设置 sizes 和 srcset 属性的重要性。文章通过 NextJS 和 Nuxt 框架的实例，分析了默认情况下图像加载可能超出实际需求的问题，并提供了优化图像加载策略的方法，包括使用 sizes 属性和 srcset 属性来根据不同屏幕尺寸和设备像素比加载合适的图像，以及推荐使用懒加载策略来进一步优化性能。
Breakpoint Columns, Five Ways. Which Do You Like?
https://frontendmasters.com/blog/breakpoint-columns-five-ways-which-do-you-like
本文探讨了在网页设计中，当浏览器窗口宽度小于 500px 时，如何从三列网格切换到单列网格的五种方法。文章详细介绍了每种方法的优缺点，包括顶级媒体查询、嵌套媒体查询、变量化列、使用自定义函数以及自定义函数结合 if 语句。这些方法涵盖了从经典到新潮的 CSS 技术，旨在帮助开发者选择最适合其需求的解决方案。
工具介绍
mdream
https://github.com/harlan-zw/mdream
Mdream 是一个用于将网站转换为干净的 Markdown 和 llms.txt 格式的工具，旨在提升网站的 AI 可发现性或为项目生成 LLM 上下文。它包含多个模块和工具，可以处理整个网站的爬取，生成适合 LLM 使用的文本文件和 Markdown 文件，支持不同框架的集成。
repo2txt
https://github.com/abinthomasonline/repo2txt
repo2txt 是一个可以将 GitHub 仓库内容转换为单个格式化文本文件的在线工具，方便用于大型语言模型（LLM）的输入。它支持显示 GitHub 仓库结构、选择文件/目录、按扩展名过滤文件、生成格式化文本文件、复制文本到剪贴板、下载生成的文本、支持私有仓库、浏览器本地运行确保数据安全等功能。
HuMo AI
HuMo AI 是一款先进的 AI 视频生成工具，能够将文本、图像和音频转换为逼真的人像视频，并实现完美的唇同步和一致性。支持多种生成模式（文本 + 图像、文本 + 音频、文本 + 图像 + 音频），具有强大的主体一致性、文本跟随和音画同步功能。适用于电影、短剧、虚拟人类、广告、教育等多个领域，提供多种定价方案以满足不同用户需求。
AvoSmash
AvoSmash 是一款 AI 驱动的视频创作平台，通过智能场景设计、角色一致性、先进的视频模型和沉浸式音频等功能，帮助用户轻松制作高质量视频。平台提供多种 AI 模型供选择，支持自动化工作流程，并确保角色在多场景中保持一致性。用户只需简单四步即可完成从故事创作到视频导出的全过程，并可通过免费试用体验完整功能。
Magiclight.ai
Magiclight.ai 是一个先进的 AI 平台，能够将你的故事转化为专业的动画视频。用户只需输入脚本或故事概念，AI 即可生成高质量的故事板、角色动画和完整视频序列，并保持一致的视觉风格。平台支持多种动画类型，包括短片、解说视频、社交媒体内容、教育材料、营销视频和故事讲述动画，并提供丰富的角色和场景自定义选项。
TerraCodeCli
TerraCodeCli 是一款由 TerraAGI 开发的 AI 驱动的命令行工具，旨在通过人工智能提升开发者生产力。该工具基于 Qwen 的 CLI 产品构建，扩展了企业知识管理和智能代码分析两大核心功能，使 AI 辅助更加情境化和高效。它支持知识库集成、代码库分析和情境感知开发，帮助开发者更准确地获取项目相关的智能建议和解决方案。
Generate Workflows
Vibe n8n 是一款 AI 工作流助手，专为 n8n 设计，能够即时生成完整自动化流程。用户只需用自然语言描述需求，即可快速创建或优化 n8n 工作流，大幅节省时间并提高效率。支持多种集成，如 Gmail、Slack 等，并提供免费和付费计划，助力用户轻松实现自动化管理。
资源聚合
Cosmic UI
Cosmic UI 是一个提供未来感 UI 组件的网站，包含可复用、可定制且框架友好的界面元素。网站展示了多种组件，如菜单、警告框、对话框等，并提供了详细的文档和教程，帮助用户快速上手。此外，网站还展示了销售数据和活动目标追踪功能，适合需要科幻风格 UI 的开发者使用。
React Bits
React Bits 是一个开源的高质量 React 组件库，提供丰富的动画和交互效果，旨在帮助开发者创建令人印象深刻的用户界面。主要内容包括多种文本动画、动画组件、背景效果等，所有组件均可自定义以满足不同需求。
Kitchen SVG Icons
Kitchen SVG 提供一个高质量的厨房和食品 SVG 图标集合，适用于 React 和 Vue 项目。网站包含超过 200 个手工制作的图标，涵盖各种厨房用品、食材和设备，如空气炸锅、面包、咖啡机等。
随便看看
Download Offline MDN Documentation
https://kapeli.com/mdn_offline
该网页提供离线使用的 MDN 文档下载，包括 CSS、HTML、JavaScript、HTTP 和 SVG 等 Web 开发文档，用户可选择适合的文档集并在没有互联网连接的情况下使用，用户可通过表格下载不同文档集，建议搭配文档浏览器（如 Dash、Velocity 或 Zeal）以获得更好的搜索体验。