【收藏】前端工程師必備實用網站

來源：前端工程師必備實用網站

作者：IT青年（轉載已獲得作者授權）

一、配色類網站

Color Hunt

這個網站給我們提供了很多的配色方案，我們直接使用就OK了。使用方法也很簡單，滑鼠移動到對應的顏色上，我們就可以看到顏色的十六進位碼，複製這個顏色到工具里就可以使用了。

Adobe Color CC

這個是Adobe公司出的，他提供了多種配色方案。我們點擊圓盤中間的點，就可以調整出我們想要的配色方案。

http://www.colorhunter.com/

這是一個提取現有圖片配色方案的工具。我們上傳一張圖片，它就會幫我們把圖片的配色提取出來供我們使用。

Web安全色

這個網站是為WEB設計，開發中經常用到的安全色。網站內列出了顏色的十六進位碼和RGB碼，複製粘貼就可以了。

RGB顏色值與十六進位顏色碼轉換工具

這是一個在線RGB和十六進位顏色碼轉換工具。在對應的位置填入十六進位代碼，點擊轉換，我們就可以獲取到RGB顏色的代碼了。

二、圖標類網站

Iconfont-阿里巴巴矢量圖標庫

這是阿里巴巴旗下的圖標庫網站，直接搜索關鍵詞就可以找到大批的圖標。下載圖標的時候我們還可以選擇顏色、大小、格式，根據自己的需要下載就好了。

ios PNG、ICO、ICNS 格式圖標搜索下載_easyicon.net

這也是一個非常有名的圖標庫，與上面那個不同的是，這裡的圖標不是單一顏色的，而是設計好的顏色。下載圖標也很簡單，直接點擊對應圖標上面的格式就可以下載。

Font Awesome圖標搜索-ThinkCMF

奧森圖標（Font Awesome）提供豐富的矢量字體圖標—通過CSS可以任意控制所有圖標的大小 ，顏色，陰影。

三、插件類網站

jQuery插件庫-收集最全最新最好的jQuery插件

這個網站分享jQuery插件和提供各種jQuery特效的詳細使用方法,在線預覽,jQuery插件下載及教程

jQuery之家-自由分享jQuery、html5、css3的插件庫

這個網站與上一個網站類似，也提供了大量的jQuery插件

layui - 經典模塊化前端框架

這是一個強大的模塊化前端框架

H-ui前端框架

H-ui前端框架，一個輕量級前端框架，簡單免費，兼容性好，服務中國網站。

四、素材類網站

千庫網-免費png圖片背景素材庫

千庫網，一個免費下載圖片素材的網站

Unsplash | Free High-Resolution Photos

Unsplash是一個分享免費高質量照片的網站，照片解析度都挺大，而且都是真實的攝影師作品，圖片多是風景和靜物。

五、字體類網站

在線字體-有字型檔

有字型檔，一個免下載字體，直接在線引用字體的網站。

PS字體下載_PS字體下載大全_PS家園網

PS字體庫，包含了幾乎所有類型的字體，下載好安裝，PS中就可以使用了。

六、工具類

在線工具 - 程序員的工具箱

一個在線工具網站，包含大量在線工具

TinyPNG – Compress PNG images while preserving transparency

一個在線圖片壓縮工具，可以批量使用

WEB前端開發 - 專註前端開發，關注用戶體驗 - 專註前端開發，關注用戶體驗

各種前端類工具和技術文章

今天就分享這麼多吧！大家如果有什麼好的工具或者是網站，可以留個言分享一下。咱們共同學習，一起進步！

推薦閱讀：