Weekly #029
文章推荐
Building Dynamic Progress Bars using only CSS
https://www.amitmerchant.com/dynamic-progress-bars-using-css
这篇文章介绍了如何使用纯 CSS 创建动态进度条，无需 JavaScript。通过使用圆锥渐变和 CSS 变量，可以轻松实现动态进度条的效果，包括进度百分比和进度条颜色的动态变化。这种技术可以帮助保持应用程序中的一致颜色方案。
Scroll-Driven Animations: You want overflow:clip, not overflow:hidden
https://www.bram.us/2024/02/14/scroll-driven-animations-you-want-overflow-clip-not-overflow-hidden
这篇文章讨论了在创建滚动驱动动画时使用 overflow:hidden 可能会干扰滚动查找机制的问题，并提出了使用 overflow:clip 作为替代解决方案。作者介绍了 overflow 属性的作用，解释了为什么 overflow:hidden会创建一个滚动容器，并提出了使用 overflow:clip 的好处。文章还提供了一个演示来展示这一问题，并强调了使用 overflow:clip 的优势以及其在浏览器中的良好支持。
工具介绍
Tempo
Tempo 是一个 JavaScript 日期和时间库，旨在提供小巧易用的工具集。它提供了格式化、解析、修改日期、处理时区的功能，并且包含了多种辅助函数和工具。该库基于 JavaScript 的 Intl.DateTimeFormat 提取时区偏移和本地感知日期格式等复杂数据，使得处理日期和时间变得简单易用。
OpnForm
OpnForm 是一个在线表单构建工具，它可以帮助用户快速创建美观的表单并在各处分享。OpnForm 提供免费的、功能丰富的表单创建和管理功能，并还有付费的高级特性和模板供用户选择。
StarTrack
https://github.com/seladb/StarTrack-js
StarTrack 是一个基于 JavaScript 的 GitHub 星标历史和统计工具，它使用 React 和现代前端技术构建，能够在浏览器中本地存储数据，并提供多项功能，包括查看仓库星标历史、显示星标统计、支持多个仓库比较等。
OneUptime
https://github.com/OneUptime/oneuptime
OneUptime 是一个开源的可观测性平台，提供全面的在线服务监控和管理解决方案。它可以监视网站、API 等在线资源的可用性和响应时间。该平台整合了多种功能，如运行时间监控、状态页面、事件管理、警报、日志管理等，并提供了免费注册和付费升级服务。
ReadWeb.ai
ReadWeb.ai 是一个提供无缝网页翻译的在线工具，它可以将任何网页翻译成多种语言，并提供一键语言转换、双语阅读体验、简化内容分享等功能，以便全球用户轻松访问和分享多语言网页内容。
FindSD.art
https://www.findsd.art/find-sd
FindSD.art 是一个用来查找 Stable Diffusion 模型的在线服务，用户通过上传图片来获得 CivitAI 上的 Stable Diffusion 模型名称，以匹配用户的艺术风格。该服务快速、免费，并保证数据和隐私安全。
OpenCommit
https://github.com/di-sukharev/opencommit
OpenCommit 是一个使用 AI 自动生成有意义提交信息的工具。用户可以通过 CLI 工具或 GitHub Action 集成 OpenCommit 到他们的工作流程中，同时可以根据需求配置提交信息的表情符号和描述信息。OpenCommit 还提供了全局和本地配置选项，用户可以根据项目需求设置 OpenCommit 的行为，包括选择语言、模型、提交信息模板等。
Summarize.ing
Summarize.ing 是一个由 AI 驱动的 YouTube 视频摘要的创新服务，能够快速将冗长的视频转换成简洁、信息丰富的摘要。用户只需将视频链接粘贴到搜索框中，就能一分钟内获得全面摘要，包括亮点、思维导图和分段摘要。服务免费提供基础摘要功能，同时还提供小额收费的高级功能，提供更深入的分析和额外的内容选项。
Webpage Sherlock
https://beautifulwebsites.dev/webpage-sherlock-chrome-extension
Webpage Sherlock 是一款可以快速分析网页元信息的浏览器扩展，该扩展可在浏览网页时通过按键快捷方式来获取页面元信息，包括速度检查、字数统计、网站图标、图片、链接、标题、结构化数据和社交预览等内容。
资源汇总
Altern
Altern 是 AI 爱好者的中心，提供各种 AI 相关产品、工具、模型、数据集和硬件，方便用户在一个平台上获取。用户可以在 Altern 社区中分享见解、点赞优质资源、撰写评论，并与其他 AI 爱好者建立联系。
随便看看
Lift-off: The MDN Curriculum launch
https://developer.mozilla.org/en-US/blog/mdn-curriculum-launch
这篇文章介绍了 MDN 课程的发布，这是一个面向学习前端开发和教授前端开发的重要工具。文章回顾了创建课程的背景和目的，介绍了课程的主要特点和如何使用它，同时提及了未来可能的发展方向。MDN 课程分为入门、核心和扩展模块，旨在帮助学生和教育工作者规划学习路线和课程设置。