Appearance
工具集合
TIP
记录实用小工具,提升开发效率
CSS
获取 css 和 html 源码,快速实现好看的加载动画
直接获取动画效果的 css 和 html 源码
颜色选择器
open-props 可以作为辅助 tailwind-css 的工具,提供了很多的 css 颜色方面的变量
经典好看、简单动画库
酷炫类型的动画库
鼠标悬停动画库
抖动动画库
不想引入动画库时,自定义配置生成代码的工具
滚动动画
背景渐变动画
撒花效果
非常好看的手绘风格动画。主要针对文本
JS
快速实现监听键盘按键事件、组合键事件
tsuseEffect(() => { hotkeys('ctrl+j', e => { e.preventDefault() }) hotkeys('escape', function (e) { e.preventDefault() }) }, [])
useEffect(() => { hotkeys('ctrl+j', e => { e.preventDefault() }) hotkeys('escape', function (e) { e.preventDefault() }) }, [])
Git
代码提交时显示丰富小图标信息
学习 git 指令的网站。一关卡一关卡熟悉每个指令的含义。
图片压缩
https://www.67tool.com/images/imgConvert?to=avif
图片转为 avif,压缩效率极佳,但部分浏览器存在兼容问题不能展示
图片压缩网站
自动化压缩图片工具
做图(海报)
挖掘机风格海报
高清免费素材图片
诺基亚斗图表情包
线上 ps,做一些简单的图很方便
数据库
一款白嫖数据库,免费 5G 空间。非常适合学习,需要科学上网。速度上也会相对慢一点。
主题
一个主题网站配色的神器,可以非常方便我们做一些主题更改时的一些方案推荐
markdown 多款 markdown 主题,很方便作为微信公众号等文章模板
图片文本识别
帮助我们识别图片中的文字,但是对图片要求比较高,需要图片文字比较干净,没法用于破解图片验证码
语言
ai 语音平台,能够实现口语与文字交流。