Weekly #002
文章推荐
Astro Search Tutorial (Full Tutorial)
https://www.youtube.com/watch?v=XnV_2MWqAhQ
探索如何使用 FuseJS 和 JavaScript 为 SSG Astro 网站添加模糊搜索功能。本系列将涵盖从设置入门到展示搜索结果的全过程，帮助你一步步实现模糊搜索功能。
和我女神王冰冰一起学 display: flex 布局
Flex 布局是一种弹性布局方案，可以简便、完整、响应式地实现各种页面布局。本文详细介绍了 Flex 布局的各种属性和用法，如 flex-direction、order、flex-wrap 等，并提供了相应的代码演示。
优化移动设备输入体验：HTML inputmode 属性使用指南
https://twitter.com/madzadev/status/1686036503439495168
掌握 HTML 的小技巧，使用 inputmode 属性，可以在移动设备上显示适当的虚拟键盘。无论是输入网址、电子邮件还是数字，都能为用户提供更好的输入体验。
DevChat：将 GPT-4 无缝融入 VS Code，极致提升你的编程体验
https://zh.devchat.blog/devchat-gpt4-vscode
DevChat 是一个增强编程体验的工具，它将 GPT-4 无缝集成至 VS Code 中。DevChat 能在各种场景下提供帮助，其功能包括自动代码补全、提供代码示例和解决方案，以及指导代码部署和运行。通过 DevChat 的 ChatGPT 式聊天界面，你不仅可以使编程过程更富互动性和趣味性，还能节省时间、提高效率，并享受优化的使用体验。
Boost Your CSS with Portable Component Styles using Container Queries!
https://twitter.com/jh3yy/status/1686421502558720015
了解如何通过容器查询使您的组件样式具有更好的可移植性。展示如何根据大小改变卡片布局，以及如何在按钮尺寸较小时移除按钮文本。
工具介绍
local-ai
https://github.com/dxcweb/local-ai
这个 GitHub 项目提供了一键安装 Mac 和 Windows 上的 AI 工具，包括 Stable Diffusion WebUI、Lama Cleaner、SadTalker 等，使用国内镜像，无需魔法。
InvokeAI
https://github.com/invoke-ai/InvokeAI
InvokeAI 是主要面向稳定扩散模型的顶级创意引擎，能够利用最新的人工智能技术赋予专业人士、艺术家和爱好者生成和创造视觉媒体的能力。该解决方案提供行业领先的 WebUI，支持通过 CLI 进行终端使用，并为多个商业产品奠定了基础，支持 Windows、macOS 和 Linux 等操作系统。
DeepL Crack
https://github.com/blueagler/DeepL-Crack
DeepL-Crack 是一个 Chrome 浏览器插件，它可以绕过 5000 个字符的限制，移除编辑限制，使用 DeepL Pro 账号的 Cookies 或 DeepL Api Free Token 来翻译，解锁正式/非正式语气，并随机生成用户代理。
emaction.frontend
https://github.com/emaction/emaction.frontend
emaction 是一个标准 web component，为博客提供了类似 GitHub 样式的表情反应功能，只需两行代码即可在任何 HTML 页面中添加 emoji reaction 功能。
BibiGPT 浏览器扩展
https://jimmylv.noto.so/bibigpt-extension
BibiGPT，你的 AI 学习助手。只需复制链接，即可获得 AI 一键总结、思维导图、字幕列表等。不仅仅是音视频的 AI 一键总结，更是你的学习伙伴。
资源聚合
The Odin Project
https://www.theodinproject.com
这个网站提供了一个完整的学习计划，旨在帮助你开始你的网页开发职业。在这个学习计划中，你将学习到最好的在线教程、博客和课程，并将完成许多值得展示的项目，从简单的脚本到完整的程序和部署的网站。
140+ Coding Certificates
https://madzadev.notion.site/140-Coding-Certificates-71d5c0d70e1148a194eae80d82c976f0
这篇文档介绍了一个包含 140 多个编程证书的产品，它们可以用来增强简历。这些证书涵盖了 25 个不同的编程类别，包括计算机科学、HTML、CSS、JavaScript、React、NodeJS、SQL、Python、数据科学、游戏开发等。
使用 CSS 创建下拉菜单的四个简单步骤
https://twitter.com/RitikaAgrawal08/status/1687770484606214144
掌握 CSS 创建下拉菜单的四个简单步骤，让你的网页设计技能更上一层楼。这个完整的线程教程将为你详细解读每一个步骤，帮助你理解并实践。掌握此技能，优化你的网页和应用用户体验。
随便看看
路飞抵达最高点！“五档”
https://www.funimation.com/v/one-piece/luffys-peak-attained-gear-five
Onepiece x SpongeBob
https://twitter.com/Pastaerects/status/1687829646275121152
＜エンディングテーマ映像フル＞ TV アニメ「ONE PIECE」