妙才

V1

2023/01/31阅读:20主题:蔷薇紫

妙才周刊

如果你想少走些弯路,就要找到自己的石头去碰对手的鸡蛋。

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 ModuleAMD/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 S3sm.mssuperbed聚合图床等。

无论是学习Python3Flask项目,还是了解图床自建的思路,本项目都很有借鉴意义。其文档齐全,我们可以照着快速部署自己的图床。

unocss小程序预设

MellowCo/unocss-preset-weapp: unocss preset for wechat miniprogram,unocss小程序预设,在 taro uniapp 原生小程序 中使用unocss

Storage 本地化存储

PlasmoHQ/storage: 💾 Safely store data and share it across your extension:此库提供给使用plasmo开发浏览器扩展程序去操作本地化存储的工具,兼容性很好。

最后

本周的web开发资讯就分享到这里,我们下周再见。

分类:

前端

标签:

前端

作者介绍

妙才
V1