caniuse
caniuse 是一個在線查看瀏覽器的對某些特性的支持情況，如果你需要查看某些語法比如新的 ES6 語法 或者 H5 中一些新的 API （web worker, mediaSource等。作者還提供了一些開放的 API 讓你將它嵌入到你的頁面中。
在線地址：https://caniuse.com/
一個強力推薦的網站：
這個網站包含了中文和英文的開源書籍（建議多看英文版本，資源和知識更豐富）。
在線地址：https://github.com/EbookFoundation/free-programming-books/blob/master/free-programming-books-zh.md
encycolorpedia
一個在線的 16 進位顏色代碼表、圖標以及調色板；我們在開發過程中，可以很方便地尋找我們想要的顏色，進行複製。
在線地址：https://encycolorpedia.cn/
icomoon.io
icomoon.io 是一款在線生成 iconfont 或者 SVG sprite 的網站。你可以選擇免費或者付費的字體圖標（海量），然後會自動生成字體或者 SVG 代碼，然後你可以打包下載，在自己的項目中使用，還是很方便的。
在線地址：https://icomoon.io/
iconfont
這個大家可能有用過吧：阿里巴巴圖標矢量庫，包含很多很豐富圖標；一般我們的項目就是用這個圖標庫，使用在線或者下載的文件；同樣支持 svg 、png 等多種格式！
在線地址：https://www.iconfont.cn/
uigradients
uigradients 是一款在線的編輯或者選擇漸變的網站，你可以自定義漸變的色彩也可以從比較流行的漸變中選擇一種，你可以獲取到它的顏色值以及 css 代碼片段。
在線地址：https://uigradients.com/#Kashmir
jsbeautifier.org
JS 格式化的工具，雖然現在很多編輯器都自帶了格式化的功能，但是有的時候可能我們並不需要打開編輯器，比如在直接貼的某段代碼到 md 中，這個時候這個網站可以算上非常有用了。
在線地址：http://jsbeautifier.org/
木易楊前端進階
一個前端進階的網站，包含了很多面試題以及前端基礎知識的講解。最近找工作的童鞋可以去看看，每天刷刷題。
在線地址：https://muyiy.cn/question/