这里我精心挑选了一些我收藏的优秀工具、库、网站、文章分享给大家。

在线工具

图片处理

• TinyPNG 在线图片压缩网站
• 智图 图片优化网站，可以指定图片品质进行优化，可以转成 WebP

动画相关

• cubic-bezier 在线编辑贝塞尔曲线，可以对比两条曲线的变化
• matthewlein 在线编辑贝塞尔曲线，有内置一些曲线，能生成 css 代码
• animista 内置了大量的 CSS 动画，还可以调整参数生成对应的代码

谷歌插件

• 前端效能提升之 Chrome 插件推荐

代码方面

• FlexBoxFroggy 以闯关玩游戏的方式学习 flex 布局
• LearnGit 专门用来学习 Git 的网站，以闯关的方式可视化展示一步步教大家 Git 的使用
• Carbon 输入代码生成较好看的代码截图
• Regulex 正则表达式可视化展示，让你的正则更直观的展示规则
• Can I Use 查查你用的特性在各浏览器上的支持程度
• Emmet 规则表
• BootCDN 查找各个库挂载在 BootCDN 的 CDN 地址

库

• SVG-Morpheus 图形之间平滑过渡的 JS 开源项目
• HOWLER.js 音频处理库

工程化相关

• verdaccio 用于构建轻量 npm 私服
• PM2 创建守护进程工具（window 支持度不好）
• nrm npm 镜像源管理工具
• node-semver npm 版本解析工具
• MIT LICENSE 文件模板