1.GitHub Desktop

对于新手来说，记住这么多git命令可能有点困难。建议新手使用git可视化工具，会方便很多。

2.图片在线压缩

tinypng是一个完全免费的在线图像压缩网站，压缩率很高，一般可以满足大部分日常压缩图像的需求。如果需要压缩大于5M的图片，可以考虑使用squoosh。本网站支持大型图像压缩和图像压缩质量定制。

大图压缩点在这里：吱吱

3.在线代码编辑

很多人可能会用codePen或者CodeSandbox等。不过我觉得掘金码也挺好用的，登录你的掘金账号就能看到，挺方便的。

4.JSON格式化

年JSON在线格式化的网站很多，基本可以满足我们的需求。之所以用Json.cn，是因为他好记，哈哈~

另外还有一个网站叫smalldev，是前端工具的集合，也挺有用的。

5.代码生成图片

carbon可以生成很酷的代码片段，支持导出图片。

如果不喜欢上面的代码风格，也可以使用ray.so生成如下代码图：

6.表情符号

这个网站有很多人物，可以直接cv。国内外很多博客都在上面用表情符号。

7.矢量图标-iconfont

阿里亚贝巴推出的字体图标库可以找到大部分图标，你可以结合项目定制自己项目的字体图标库。

8.css3动画

在我们的日常开发中，会遇到一些对css动画的需求，但是有时候为了一两个动画而引入一些库是得不偿失的。css3-animation包含了一些常见的动画效果，并且包含了片段代码，所以cv就足够了。

9.封面模板-canva

我们在写文章或者有时候要自己做一些封面图片。canva上有很多免费的资料和模板，用起来很方便。

10.高清图片-UnSplash

国外一个高清图片下载网站，有很多4k高清图片可以免费下载，再也不用到处找高清图片了。

11.在线画图

在日常工作中，我们需要画一些流程图或者思维导图等。boardmix个人感觉不错，也有人喜欢用ProcessOn等。看个人喜好。

12.快速部署建站

前端有时候需要自己部署一个网站。我们可以自己买一个服务器，也有免费的部署网站，比如surge。

13.在线性能评测

pagespeed可以根据各项指标得到我们网站的综合得分，从而知道我们网站哪些方面可以优化。

14.多平台测试

我们的网站经常需要看各种设备下的效果，但是用手机和浏览器逐个访问截图比较麻烦。responsively支持主流手机、pad、电脑设备访问你的网站，并可以导出。

15.Chrome扩展组件

部分同学无法登录谷歌账号在谷歌商店下载扩展程序。极简插件不用翻墙直接下载扩展程序，网站是中文的，感觉很不错。

16.在线简历

简历是每个人找工作都需要的东西。网上也有很多免费的简历模板网站。我个人推荐这个500天网站，里面有很多漂亮的简历模板，非常方便。

Ps:这个网站是收费的，但是39.9的永久会员是可以的，不用担心过期，毕竟用了不止一次了(如果实在不想花39.9，可以找我下载~)