Weekly #021
文章推荐
You don’t need JavaScript for that
https://www.htmhell.dev/adventcalendar/2023/2
这篇文章讲述了 Web 开发中的”最小权力原则”，即在适当的情况下选择最不强大的语言。作者强调了 HTML 和 CSS 相对于 JavaScript 的优势，包括性能更好、更本地化、更可访问等。文章提供了一些示例，展示了如何使用 HTML 和 CSS 来实现一些以前只能用 JavaScript 实现的功能，如自定义开关、原生自动建议和颜色选择器。
How to Use Responsive HTML Video (…and Audio!)
https://scottjehl.com//posts/using-responsive-video
这篇文章介绍了如何使用响应式 HTML 视频的标记模式，并提供了一些示例和注意事项。此外，文章还提到了 HTML 音频元素也可以使用媒体查询来实现响应式。虽然响应式 HTML 视频是一种选择，但 HTTP Live Streaming（HLS）视频在适应不同浏览条件方面更加强大和常用。
Making SVG Loading Spinners: An Interactive Guide
这篇文章介绍了如何使用简单的 SVG 属性来实现 SVG 旋转器，以提供加载或获取数据时的视觉提示。SVG 旋转器在网页中常用于给用户视觉提示，表示元素正在加载或数据正在获取，并且 SVG 旋转器具有实用性和可扩展性，通过学习 SVG 相关属性的用法，我们可以实现实用、可伸缩的 SVG 旋转器，来增强用户体验。
Docker Cheat Sheet for Beginners and Advanced Users
https://morioh.com/a/389387691cf2/docker-cheat-sheet-for-beginners-and-advanced-users
这篇文章是一份 Docker 的综合备忘单，介绍了 Docker 的基本命令以及高级主题，适合初学者和经验丰富的专业人员使用。它涵盖了安装、镜像仓库、容器管理、网络、清理等方面的命令和操作。
Lost in Translation: Tips for Multilingual Web Accessibility
https://benmyers.dev/blog/multilingual-web-accessibility
这篇文章主要讲述了多语言网页无障碍性的重要性以及几个实用的技巧，其中包括声明内容语言、支持不同的书写方向、处理文本的扩展和缩小、使用易读的排版、确保所有用户界面的字符串都得到翻译、保持一致的微型文案、审查第三方库的多语言无障碍性等。这些技巧旨在确保残障用户能够无障碍地使用多语言网站。
工具介绍
Solo AI
Solo AI 是一个帮助你轻松创建和启动网站和业务的在线平台。它可以根据简单的输入自动生成漂亮的网站，而无需编码。并且它还会优化网站的 SEO，建议内容和关键词，以吸引来自谷歌的搜索流量。此外，Solo 还可以导入社交媒体上的评论和评价，并提供支持日历的预约服务。
GPT4All
GPT4All 是一个可以在本地运行的、免费使用的、注重隐私的聊天机器人。它可以回答关于世界的问题，作为个人写作助手，理解文档，编写代码等。
readme.so
readme.so 是一个帮助用户轻松创建和管理 README 文件的在线平台。这个工具非常适合开源项目、软件库和其他需要清晰、有组织文档的项目，通过其简单易用的编辑器，您可以快速添加和自定义项目所需的所有部分。
Better Commits
https://github.com/Everduin94/better-commits
Better Commits 是一个用于编写更好的提交信息的命令行工具，遵循传统的提交准则。它通过一系列提示生成符合规范的提交消息，并支持根据分支名称自动推断票证和提交类型。该工具可以在全局或每个存储库中进行配置，并具有高度的灵活性。它支持交互式 git 状态和提交，以及彩色预览提交消息，此外，它还支持为每个提交类型添加 git 表情符号。
Clamp Calculator
https://utopia.fyi/clamp/calculator
一个用于生成自定义流体令牌并提取 CSS 代码的计算器工具。这些令牌可以应用于 CSS 的各种属性，如排版、间距等，并且生成的 CSS 代码可以直接用于项目中。
GitHubUnwrapped
GitHubUnwrapped 是一个为每个 GitHub 用户生成一段年度回顾视频的在线平台。通过输入 GitHub 用户名，可以查看你过去一年的编程活动、贡献和成就的统计数据。
GeminiProChat
https://github.com/babaohuang/GeminiProChat
GeminiProChat 是一个基于 GeminiPro 的最小化的 Web 界面，提供实时聊天功能。项目基于 ChatGPT-Demo，并且支持本地和 Vercel 两种部署方式。
//相关的 Web 界面还有 Gemini Playground，与 GeminiProChat 相比多了图片识别的功能。
资源汇总
SVGL
一个在线的 SVG 图标库，提供 200+ 个 SVG 图标素材，涵盖 AI、CMS、数据库、软件等多个分类，并且支持下载 SVG 图标和复制 SVG 代码，可以轻松地将图标应用到你的项目中。
//另外 SVG Company Logos 也不错，收集了各种流行 SaaS 公司的 Logo。
大厂 AI 实践
https://www.yuque.com/wikidesign/vngzgk
一份汇总了阿里、腾讯、京东、百度、网易、快手、美团等一线大厂 AI 技术实践的案例文档。
SVG Tutorials
一套 SVG 教程指南，教程由浅入深，帮助你从零开始学习 SVG 基础、SVG 动画和 SVG 交互性等知识，带你一步一步掌握 SVG 高级概念。
AIGC 时代个人生存/摸鱼探索指南
https://gamma.app/docs/AIGC-Dev-9y7n4vslcp2bol2
这是一个关于 AIGC（人工智能生成内容）时代个人生存和摸鱼探索指南的网页。它主要介绍了如何在这个时代利用 AI 技术提高个人工作效率和创造力，这个指南旨在帮助你在 AIGC 时代充分利用 AI 技术，提高个人工作效率和创造力，让你能够更好地适应这个充满创新和变革的时代。
2023 WonderFox 圣诞限免正版软件大放送
https://www.videoconverterfactory.com/christmas/index.html
WonderFox 软件公司举办了一次圣诞赠品活动，免费提供了 15 款总价值超过 650 美元的软件，这些软件经过官方授权，安全可靠，详细的软件列表可前往活动页面查看。需要注意的是，这些软件虽然是免费获取，但并不提供升级和技术支持，活动时间为 2023 年 12 月 19 日至 2024 年 1 月 2 日。
The Biggest Christmas Carnival Giveaway https://www.aomeitech.com/partners/biggest-christmas-carnival-giveaway-1128.html
为庆祝圣诞节，AOMEI 和其他权威软件公司向用户发送真诚祝福，并提供畅销实用的产品作为免费的节日礼物。用户可以免费获得总价值 681 美元的礼物，包括备份软件、远程访问工具、手机数据管理工具、数据恢复工具、密码管理器等。本次活动持续到 2023 年 12 月 31 日。
随便看看
『ONE PIECE』新アニメシリーズ「THE ONE PIECE」制作決定！
https://twitter.com/OPcom_info/status/1736318091163025914
v0 is now open for everyone
https://twitter.com/vercel/status/1735719381739454730
