Weekly #015
文章推荐
Naming Variables In CSS
https://jwdallas.com/posts/namingcssvariables
这篇文章主要讨论了在 CSS 中命名自定义属性的一些思考。作者提出了一种命名约定，即使用三段式命名法，将命名空间、值类型和变量名分隔开，来使自定义属性的名称更清晰易读。文章还介绍了变量命名的命名空间和值类型的重要性，以及根据值或用途来命名变量的不同方式。此外，还提到了命名颜色调色板时的一些建议。总的来说，这篇文章提供了一些有用的命名指导原则，旨在帮助开发者更好地命名 CSS 中的自定义属性。
聊聊 Web 网页中资源加载的优先级
https://www.zhangxinxu.com/wordpress/2023/10/img-js-preload-fetch-priority
这篇文章主要讲述了 Chrome 浏览器中资源加载的优先级问题，包括浏览器的 5 个优先级等级、预加载资源的优先级、如何改变资源加载的优先级以及了解资源加载优先级的价值。通过调整资源加载的优先级可以提高页面性能和用户体验。
How To Animate Along A Path In CSS
https://www.smashingmagazine.com/2023/10/animate-along-path-css
本文介绍了使用 CSS 创建加载器和进度指示器的方法。作者展示了使用动画自定义属性、圆锥渐变、CSS 偏移和表情符号来创建一个沿着甜甜圈跑的滑板车的幻觉。文章详细介绍了创建甜甜圈形状、动画进度和沿着圆圈移动的过程。
Add comments Section to your Astro blog
https://elazizi.com/posts/add-comments-section-to-your-astro-blog
这篇文章介绍了如何使用 Giscus 应用在 Astro 博客中实现评论功能，Giscus 是一个由 GitHub Discussions 驱动的评论系统，允许访问者通过 GitHub 在任何网站上留下评论和反馈。文章详细介绍了如何配置 Giscus 以及将其添加到 Astro 博客中的步骤。
When to use CSS text-wrap: balance vs text-wrap: pretty ?
https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap
这篇文章介绍了 CSS 中的新功能 text-wrap，并比较了 balance 和 pretty 两种属性的使用方法。balance 适用于标题和副标题，而 pretty 适用于段落文本，用于避免单个单词出现在行末的情况。
//介绍 text-wrap 的文章还有这篇 CSS text-wrap: pretty。
工具介绍
timeOS
timeOS 是一个多功能的 AI 会议记录工具，可以无缝地与 Zoom、Google Meet、Microsoft Teams 和 Slack Huddles 集成，准确地捕捉会议笔记并有效地组织任务。它能够准确地记录会议内容，自动生成会议摘要，并能与 Notion、ClickUp、Asana 和 Slack 等工具同步。此外，timeOS 还提供了安全和隐私保护，用户可以随时删除数据，保证用户的信任和隐私。
Tabular
Tabular 是一个可以快速创建高质量电子邮件的工具，无需编写代码。它提供了各种功能，包括设计适用于不同设备的电子邮件模板，个性化内容，重复使用构建块，并直接上传到发送平台。通过智能算法，Tabular 确保邮件在 50 多个主要电子邮件客户端中完美显示，无需进行邮件预览服务。
Consola
https://github.com/unjs/consola
Consola 是一个优雅的控制台包装器，具有易用性和丰富的输出功能。它支持插件、标签、日志级别和日志类型，并且可以在浏览器和终端环境中使用。用户可以自定义日志报告器，并且还提供了一些实用的控制台工具。
MiniRenamer
MiniRenamer 是一款实时预览的批量重命名工具，支持拖拽文件和文件夹，正则表达式和自定义改名模板。它还提供了序号、插入、删除、替换等改名方式，并可以根据文件创建时间和名字进行智能排序。
资源聚合
Footer
Footer 是世界上唯一一个经过精心策划的页脚网站画廊，收集了世界各地网站的最佳页脚设计，并提供分类和风格排序功能，用户还可以订阅每月的页脚和其他内容的新闻简报。
Awesome Blender
https://github.com/agmmnn/awesome-blender
一个关于 Blender 插件、工具、教程和资源的精选列表，适用于 3D 艺术家、爱好者、开发者和研究人员。主要关注开源和免费资源，内容涵盖了各种分类，包括模拟/物理、建模、动画、渲染引擎、纹理/UV、游戏开发、杂项、资源、教程、书籍等。
Generative AI for Beginners
https://github.com/microsoft/generative-ai-for-beginners
一门由微软云面向初学者提供的生成式 AI 课程，教你如何开始构建生成式 AI 应用程序。课程涵盖了生成式 AI 原理和应用开发的关键方面，通过这门课程，我们将建立自己的生成式 AI 创业公司，以帮助你了解启动你的想法所需的一切。课程还为学习者提供了学习资源和支持，每个课时都包括视频介绍、文本课程、代码示例和练习，以及进一步学习的链接。
Awesome List Of Free CSS Generator
https://democoding.in/awesome-free-css-generator
一份关于 CSS 工具的精选列表，可以帮助开发者在网站中生成各种样式和效果，如玻璃效果、渐变色、阴影、边框圆角、文本阴影、变换、Flexbox、Grid、背景图案、动画、加载器、工具提示等。
24 Best Resources For Web Developers [HTML + CSS + JavaScript]
https://dev.to/swirl/24-best-resources-for-web-developers-html-css-javascript—2hog
这篇文章介绍了 24 个专门为网页开发人员定制的最佳资源。其中包括 CSS 工具、HTML 模板、图标、低代码工具、免费图片、模型、UI 设计资源和其他开源库。
随便看看
https://x.com/HiTw93/status/1721127521771758033
