寻找自己的石头，去碰对手的鸡蛋
如果你想少走些弯路，就要找到自己的石头去碰对手的鸡蛋。
CSS压缩工具
cssminifier 提供API，我们也可以借助其接口实现自己的CLI，亦或是集成到项目构建流程中去
CSS Minifier & Compressor | Toptal®：一个简洁易用的在线CSS压缩工具。
Open Graph Protocol
The Open Graph protocol：开放图谱协议。
The Open Graph protocol enables any web page to become a rich object in a social graph
利用开放图谱协议，我们为支持此协议的社交媒体上分享我们的数据，以一种美观的图形对象来展示！简而言之，如果某个社交应用支持此协议，则在分享一个链接时，链接将被渲染成良好可读性的图文内容。
其最早创建于Facebook, 现在国内大多社交媒体都支持了此协议，如果你想分享自己的应用到微信或微博上，则可以参考此协议的规范去设置自己的应用数据。
Jotai Video Course
Learn Simplified Jotai, an atomic state management library for React：大名鼎鼎的React前端状态管理库Jotai作者录制的关于Jotai的视频教程，30刀（或许公司出？😂）。
如果你是
React开发者，这真是个不容错过的资源。
JS-Cookie
js-cookie/js-cookie at latest： 让前端处理cookie变得简单的一款简单、轻量的JS库。优点还是很多的：
- 全浏览器支持（标准浏览器）
- 可接收任何字符，如果有特殊字符存储或读取的特殊场景，可以让我们少很多麻烦
- 无依赖，压缩后不足800字节
- 支持
ES Module和AMD/CommonJS - 文档齐全，用户数量很多，意味着你可以找到很多相关问题的解决思路甚至是答案
- ...
英语写作检查
免费在线句子检查工具——Trinka AI：英语弱鸡的福音，如果你想要写一些英文文档、邮件、简单的信息等等，可以使用这个人工智能驱动的检查工具，其免费额度足够普通用户日常使用。
此工具将为您提供以下功能：
- 句子检查和更正
- 语法检查
- 上下文联想表达更正
CSS 设计示例
chenglou/chenglou.github.io：惊人的CSS设计效果，兼容性极强，样式顺滑，非常有学习价值。
Github Action 本地运行工具
nektos/act: Run your GitHub Actions locally 🚀，如果你需要写Github Action，那么或许在本地进行测试能给你节省非常多时间。此仓库具有3.4w的star，还等什么快上车！
Github Contributions 历史图示
Green Wall · GitHub contribution graph generator：输入你的开发者账户，它会展示给你看你的账户的历史提交图示。
Flask自建图床
Green Wall · GitHub contribution graph generator：基于Flask的web自检图床，支持存储到本地、又拍云、七牛云、阿里云OSS、腾讯云COS、GitHub、Gitee(码云)等， 支持第三方扩展存储到AWS S3、sm.ms、superbed聚合图床等。
无论是学习Python3的Flask项目，还是了解图床自建的思路，本项目都很有借鉴意义。其文档齐全，我们可以照着快速部署自己的图床。
unocss小程序预设
Storage 本地化存储
PlasmoHQ/storage: 💾 Safely store data and share it across your extension：此库提供给使用plasmo开发浏览器扩展程序去操作本地化存储的工具，兼容性很好。
最后
本周的web开发资讯就分享到这里，我们下周再见。
