前端工程師必備的幾個實用網站

1、配色類網站

http://colorhunt.co

這個網站給咱們提供了不少的配色方案，咱們直接使用就OK了。使用方法也很簡單，鼠標移動到對應的顏色上，咱們就能夠看到顏色的十六進制碼，複製這個顏色到工具裏就能夠使用了。

https://webgradients.com/

180種漸變方案供你選擇，還能夠直接複製CSS樣式應用到網頁中

https://color.adobe.com/zh/create/color-wheel

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

http://www.colorhunter.com/

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

http://www.bootcss.com/p/websafecolors/

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

http://www.sioe.cn/yingyong/yanse-rgb-16/

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

2、圖標類網站

http://www.iconfont.cn/plus

這是阿里巴巴旗下的圖標庫網站，直接搜索關鍵詞就能夠找到大批的圖標。下載圖標的時候咱們還能夠選擇顏色、大小、格式，根據本身的須要下載就行了。

http://www.easyicon.net/iconsearch/ios/

這也是一個很是有名的圖標庫，與上面那個不一樣的是，這裏的圖標不是單一顏色的，而是設計好的顏色。下載圖標也很簡單，直接點擊對應圖標上面的格式就能夠下載。

http://www.thinkcmf.com/font/search.html

奧森圖標（Font Awesome）提供豐富的矢量字體圖標—經過CSS能夠任意控制全部圖標的大小 ，顏色，陰影。

3、插件類網站

http://www.jq22.com/

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

http://www.htmleaf.com/

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

http://www.layui.com/

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

4、素材類網站

http://588ku.com/

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

https://unsplash.com/

Unsplash是一個分享免費高質量照片的網站，照片分辨率都挺大，並且都是真實的攝影師做品，圖片可能是風景和靜物。

5、字體類網站

http://www.youziku.com/onlinefont/index

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

6、工具類

http://tool.lu/

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

https://tinypng.com/

一個在線圖片壓縮工具，能夠批量使用

http://www.css88.com/

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