caniuse

caniuse 是一个在线查看浏览器的对某些特性的支持情况，如果你需要查看某些语法比如新的 ES6 语法 或者 H5 中一些新的 API （web worker, mediaSource等。作者还提供了一些开放的 API 让你将它嵌入到你的页面中。

在线地址：

一个强力推荐的网站：

这个网站包含了中文和英文的开源书籍（建议多看英文版本，资源和知识更丰富）。

在线地址：

encycolorpedia

一个在线的 16 进制颜色代码表、图标以及调色板；我们在开发过程中，可以很方便地寻找我们想要的颜色，进行复制。

在线地址：

icomoon.io

icomoon.io 是一款在线生成 iconfont 或者 SVG sprite 的网站。你可以选择免费或者付费的字体图标（海量），然后会自动生成字体或者 SVG 代码，然后你可以打包下载，在自己的项目中使用，还是很方便的。

在线地址：

iconfont

这个大家可能有用过吧：阿里巴巴图标矢量库，包含很多很丰富图标；一般我们的项目就是用这个图标库，使用在线或者下载的文件；同样支持 svg 、png 等多种格式！

在线地址：

uigradients

uigradients 是一款在线的编辑或者选择渐变的网站，你可以自定义渐变的色彩也可以从比较流行的渐变中选择一种，你可以获取到它的颜色值以及 css 代码片段。

在线地址：

jsbeautifier.org

JS 格式化的工具，虽然现在很多编辑器都自带了格式化的功能，但是有的时候可能我们并不需要打开编辑器，比如在直接贴的某段代码到 md 中，这个时候这个网站可以算上非常有用了。

在线地址：

木易杨前端进阶

一个前端进阶的网站，包含了很多面试题以及前端基础知识的讲解。最近找工作的童鞋可以去看看，每天刷刷题。

在线地址：

编辑搜图

请点击输入图片描述