NO IMAGE

一、配色類網站

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顏色的程式碼了。

二、圖示類網站

http://www.iconfont.cn/plus

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

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

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

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

奧森圖示(Font Awesome)提供豐富的向量字型圖示—通過CSS可以任意控制所有圖示的大小 ,顏色,陰影。

三、外掛類網站

http://www.jq22.com/

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

http://www.htmleaf.com/

這個網站與上一個網站類似,也提供了大量的jQuery外掛

http://www.layui.com/

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

四、素材類網站

http://588ku.com/

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

https://unsplash.com/

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

五、字型類網站

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

有字型檔,一個免下載字型,直接線上引用字型的網站。

六、工具類

http://tool.lu/

一個線上工具網站,包含大量線上工具

https://tinypng.com/

一個線上圖片壓縮工具,可以批量使用

http://www.css88.com/

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