前端开发工程师必备网站

1、unDraw

您可以想象和创建的任何想法的开源插图。

一个**不断更新的设计项目，**带有精美的SVG图像，您可以完全免费使用，而无需注明出处。

链接: unDraw开源插图

2、获取渐变色代码的网站

「UIgradients」是一个提供免费渐变色效果的站点，以分享美丽渐变色彩为主，里面接近上百种渐变配色方案，设计师可根据自己风格来选择搭配，还能直接获得对应渐变配色的CSS代码使用起来相当方便。

链接:渐变色背景

3、字体库

各种字体库,不是图标

链接字体库

4、ColorHunt 颜色搭配

ColorHunt 网站是一个致力于帮助产品设计师们更好的选择颜色搭配组合的站点，从互联网中收集了海量的完美色彩组合，你可以把这些颜色组合运用到任何产品设计项目，方便设计师们找到最佳的色系搭配组合。
  色彩对视觉有刺激作用，在视觉传达设计中常常具有先声夺人的力量，这就是人们常说的设计的视觉冲击力的主要体现吧。“远看色彩近看花”、“七分颜色三分花”正说明色彩极易引起人的情感反应与变化。人的视觉对于色彩的特殊敏感性，决定了色彩设计在包装视觉传达中的重要价值。

链接: ColorHunt

5、StockSnap

号称第一的免费精美图片分享站，可商用，完全免费
  StockSnap:免费图片素材高清资源库是一个提供可自由下载使用的高清晰摄影图片作品的素材库，所提供的资源相当实用，该网站由多位摄影师组成，提供丰富的免费照片，随意使用无需经过授权。
  StockSnap 网站的设计其实非常简单，其宗旨就是希望能为寻找美丽图片的使用者提供一个完整且丰富的图片素材资源库，网站每天都会有摄影师上传发布作品，找出高品质、高清晰度的照片并更新到该网站上来，让更多的人去免费使用。
  该网站所有的图片都是采用CC0（Creative Commons授权，这也标识你可以将图片做任何用途，包括自由修改、复制、二次发布等，甚至可以用于商业用途，而无需原作者许可。

链接: StockSnap

6、BootCDN

稳定、快速、免费的前端开源项目 CDN 加速服务

链接: BootCDN

7、迅捷在线画图

支持在线创作思维导图,提供思维导图文件一键导出与云储服务,

无论何时何地，只需一个浏览器就能够有序的构建知识与想法,跨端同步更新,不受设备拘束,随时随地发挥创意,捕捉灵感。

链接:迅捷在线思维导图

8、力扣网

算法、面试题

链接:力扣

9、Can I use

我可以用(Can I Use)是一个针对Web网站开发人员定制的一个查询CSS在个中流行浏览器中的特性和兼容性列表的网站，怎样可以很好地保证网页的浏览器兼容性?是网站开发者一直在讨论的问题，有了这个工具你就可以快速的了解到代码在各浏览器中的效果了。

链接:Can I Use

10、印记中文

官方介绍:深入挖掘国外前端新领域，为中国 Web 前端开发人员提供优质文档！

这个整合前端大部分官方文档的中文文档,对于英语不好的同学非常友好

链接:印记中文

11、fly63前端网

web前端开发网_专业IT前端知识平台,分享前端工具手册资源网站。前端技术教程包括html5+css3及JavaScript、前端框架、js插件库等前端博客网站

链接:fly63前端网

12、ProcessOn

ProcessOn是一个在线作图工具的聚合平台， 它可以在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等， 您无需担心下载和更新的问题，不管Mac还是Windows，一个浏览器就可以随时随地的发挥创意，规划工作,也是本人最常用来画思维导图的

链接:[ProcessOn](https://www.processon.com/）