1、第一类工具网站：图表类网站，这是前端工程师用得非常多的工具类型了，做前端开发，尤其是做设计的人员，做界面设计UI设计的人员，经常要用到图标类网站。笔者推荐如图所示，很简单，搜索【图标】就会出来很多，比如easyicon,iconfront，千图等。
2、第二类工具网站：工具类。如图所示，找到红色框中的网站，打开即可。里面有大量的在线工具。
3、第三类工具网站：配色类网站，比如图片所示的网站。可以给前端工程师们提供大量的配色方案，自己工作中直接使用即可，不用花费时间精力去设计了。
4、第四类工具网站：素材类网站，如图所示， 笔者推荐的原因是因为前端开发工程师经常要下载一些素材，比如图片，diy等要素，来丰富自己的工作内容和效果。
5、第五类工具网站：插件类网站，可能很多人都不知道。平时做开发会用到很多插件，不但能够提高开发效率，还能有更好的开发体验，智能化的提示实在是太方便了。
6、第六类工具网站：字体类。同理，做前端开发工作的程序员或者设计师们，经常需要从网上下载一些特定类型的字体，而且需求量很大。所以笔者推荐如图所示的工具。
