Weekly #034
文章推荐
How to Animate Borders in CSS
https://www.letsbuildui.dev/articles/how-to-animate-borders-in-css
本文介绍了在 CSS 中如何通过伪边框、轮廓和 SVG 等方法实现边框动画。通过示例演示了不使用真实 CSS 边框的五种动画效果，包括旋转渐变、微光效果、背景发光、轮廓脉冲和 SVG 边框。每个示例都有相应的 HTML 结构和 CSS 样式，展示了如何利用伪元素、轮廓属性和 SVG 元素实现边框动画效果。文章强调了在某些设计中，为了实现更复杂的动画效果，可能需要采用这些替代方法而非直接使用 CSS 边框属性。
A formula for responsive font-size
https://jameshfisher.com/2024/03/12/a-formula-for-responsive-font-size
这篇文章介绍了一种响应式字体大小的 CSS 规则，通过使用 calc 函数，可以创建一个线性函数来实现字体大小的调整，避免了分段定义的复杂性。作者提出了一个简化后的公式，即 1rem + 0.25vw，以取代传统的断点定义方法。此外，文章还解释了在根元素定义字体大小时使用 1rem 的特殊情况。
CSS color-scheme-dependent colors with light-dark()
https://web.dev/articles/light-dark
这篇文章介绍了 CSS 中的 system 颜色和 light-dark() 函数。system 颜色是由浏览器定义的，可以通过特定的关键字来表示，例如 Canvas 代表应用程序内容或文档的背景色，CanvasText 代表应用程序内容或文档中的文本颜色。当使用颜色方案为暗色时，Canvas 和 CanvasText 的值会互换。light-dark() 是一个接受两个参数的函数，可以自动根据当前的颜色方案（浅色或深色）调整颜色。通过设置 color-scheme 属性，页面可以响应系统颜色模式的更改，从而实现从浅色到深色模式以及相反的切换。此外，还可以通过设置 color-scheme 为 dark 或 light 来强制某 DOM 子树只使用浅色或深色模式。
工具介绍
unch
https://github.com/dwisiswant0/unch
unch 是一个可以通过使用不可见的 Unicode 字符来隐藏消息的工具。它可以将一个字符串隐藏在另一个字符串中，使用了 VARIATION SELECTOR-17（E0100）到 VARIATION SELECTOR-25（E01EF）之间的字符。这使得可以对包含标准 ASCII 范围之外字符的字符串进行编码。unch 提供了简单的安装方法和使用指南，同时支持多种选项和示例，方便用户进行编码和解码操作。
EduHunt
EduHunt 是一个能帮助用户在 YouTube 上找到优质教育内容的工具，无需花费大量资金购买在线培训课程。通过输入你所需的内容，AI 会为你找到最佳资源，帮助你节省时间和精力。此工具可以帮助用户避免浪费时间在无用的在线课程上，提供定制化的搜索结果，让你更有效地获取知识。通过 EduHunt，你可以立即节省时间，进行有效的过滤，并停止支付欺诈性信息。
podgenai
https://github.com/impredicative/podgenai
podgenai 是一个使用 GPT-4 LLM 生成关于特定主题的单讲者信息性有声读物/播客 mp3 文件的 Python 应用程序。应用需要提供 OpenAI 的 API 密钥，其主要步骤包括选择语音、列出适用的子主题、生成文本和语音，最后使用 ffmpeg 拼接语音文件。用户可以选择订阅相关播客，随时间手动发布更多主题的剧集。该软件允许作为命令行应用程序或 Python 库使用，生成的 mp3 文件成本低于 $2 USD，生成时间少于三分钟。
last_layer
https://github.com/lastlayer/last_layer
last_layer 是一个旨在保护 LLM 应用程序免受提示注入攻击、越狱和漏洞利用的安全库。它具有超快速扫描、以隐私为中心、无服务器兼容等特点，使用高级检测机制和定期更新的筛选逻辑，准确识别威胁。用户可以通过简单的安装和调用来应用 last_layer 的功能，以确保 LLM 应用程序中只允许安全和适当的内容通过。此外，last_layer 还提供了针对不同类型提示的准确性测试，以验证其对各种威胁的检测能力。
CopilotKit
https://github.com/CopilotKit/CopilotKit
CopilotKit 是一个开源框架，用于构建自定义 AI Copilots，包括在应用程序中的 AI 聊天机器人、AI 代理和 AI 文本框。它提供了各种组件和工具，如 CopilotChat、CopilotTextarea 和 Copilot Skills，让开发者能够快速构建并部署具有 AI 能力的应用程序。通过 CopilotKit，用户可以实现应用程序状态感知、自动化交互和专业化的 LLM 链式操作。
Factuality
https://github.com/StromFLIX/factuality
Factuality 是一个基于 Python 的处理器，旨在核查任何内容的事实。它可以从提供的声明中提取要核查的内容，然后搜索并核查这些内容，最终给出基于声明和搜查结果的结论。该工具通过使用长篇事实性文章作为基础，旨在消除误导信息，帮助用户发现真相。通过支持必应和谷歌搜索引擎，以及接入 OpenAI API，Factuality 提供了一个高效的解决方案，帮助用户在海量信息中寻找真相。
git-cluster
https://github.com/fplonka/git-cluster
git-cluster 是一个能够将 Git 仓库中文件之间的关系可视化为交互式二维图表的工具。通过使用 GPU 加速的多维缩放技术，每个文件都用一个点表示，经常一起修改的文件在可视化中会被放置在靠近的位置。使用示例包括了一些知名仓库，如 torvalds/linux、tensorflow/tensorflow 和 pytorch/pytorch。安装需要 Python 3，并可选择使用 GPU 加速（仅限于 Apple 平台）。运行 git-cluster 可以指定迭代次数、输出文件、使用 GPU 加速等选项，通过计算文件之间的距离矩阵并应用多维缩放技术，将文件的关系可视化成二维图表，展示出文件之间的关联性。
EasyTribute
EasyTribute 是一个简约的在线纪念平台，让你可以轻松创建纪念页面。只需填写表格、发布和分享，即可快速完成纪念页面的制作。你可以选择使用电子邮件创建纪念，也可以选择匿名创建，不过匿名纪念只能由管理员管理。
git-date-truncate
https://github.com/SmartHypercube/git-date-truncate
git-date-truncate 是一个能够修改 Git 提交中作者日期和提交日期的工具，通过删除时间和时区信息来对日期进行截断。用户提交代码后，作者日期和提交日期会自动被修改为只包含日期部分，并且会去除时区信息，从而改变提交的哈希值。该工具通过检查最后一个提交的作者名和作者邮箱是否与 Git 配置中的用户信息匹配来实现功能。
资源汇总
404s
404s 是一个展示各种 404 页面设计的在线画廊，收集了来自互联网的各种有趣和创意的 404 页面设计。这个网站汇集了从全球各地收集到的失落页面、错误页面和未找到页面，为用户提供了一个发现和欣赏各种 404 页面设计的平台。
Tailwind Awesome
https://www.tailwindawesome.com
Tailwind Awesome 是一个精心筛选的最佳 Tailwind 模板和 UI 套件列表，汇集了互联网上最酷炫的资源。网站定期搜索、整理并展示最新的设计资源，为用户提供优质的选择。用户可以浏览各种类型的模板和 UI 套件，涵盖多种领域和风格，让设计工作更加高效和便捷。
NuxtHub Image Gallery
https://github.com/Flosciante/nuxt-image-gallery
NuxtHub Image Gallery 是一个使用 NuxtHub Blob 构建的图库模板，旨在帮助用户上传和展示图片、应用各种滤镜、保存图片、以及使用自定义轮播组件等功能。它使用了包括 NuxtHub、NuxtUI、Nuxt Fonts 在内的多个工具，并采用了 VueUse 的组合 API。安装依赖后，可以使用 bun dev 命令运行应用程序。部署时可以通过 NuxtHub 在 Cloudflare 账户上免费进行，无需配置。