前端工程師必備實用網(wǎng)站

2018-7-2    周周

素材類網(wǎng)站


千庫網(wǎng),一個免費下載圖片素材的網(wǎng)站:http://588ku.com/ 
千庫網(wǎng).jpg.png


Unsplash是一個分享免費高質(zhì)量照片的網(wǎng)站,照片分辨率都挺大,而且都是真實的攝影師作品,圖片多是風景和靜物:https://unsplash.com/ 

Unsplash.jpg.pngUnsplash2.jpg.png

插件類網(wǎng)站

jq22,分享jQuery插件和提供各種jQuery的詳細使用方法,在線預覽,jQuery插件下載及教程http://www.jq22.com/

jq22.jpg.png


http://www.htmleaf.com/ 這個網(wǎng)站與上一個網(wǎng)站類似,也提供了大量的jQuery插件。

                htmleaf.jpg.png

layui,這是一個強大的模塊化前端框架http://www.layui.com/

             layui1.jpg.png

layui2.jpg.png

H-ui,端框架,一個輕量級前端框架,簡單免費,兼容性好,服務中國網(wǎng)站:http://www.h-ui.net/index.shtml

H-ui.jpg.png 

字體類網(wǎng)站

有字庫,一個免下載字體,直接在線引用字體的網(wǎng)站http://www.youziku.com/onlinefont/index

有字庫.jpg.png



PS字體庫,包含了幾乎所有類型的字體,下載好安裝,PS中就可以使用了:http://www.psjia.com/pssc/fontxz/list_18_3.html


               PS字體庫.png

圖標類網(wǎng)站

iconfont,這是阿里巴巴旗下的圖標庫網(wǎng)站,直接搜索關(guān)鍵詞就可以找到大批的圖標。下載圖標的時候我們還可以選擇顏色、大小、格式,根據(jù)自己的需要下載就好了:http://www.iconfont.cn/plus

                   iconfont.jpg.png

easyicon,這也是一個非常有名的圖標庫,與上面那個不同的是,這里的圖標不是單一顏色的,而是設計好的顏色。下載圖標也很簡單,直接點擊對應圖標上面的格式就可以下載:http://www.easyicon.net/iconsearch/ios/

                  easyicon.jpg.png

奧森圖標(Font Awesome),提供豐富的矢量字體圖標—通過CSS可以任意控制所有圖標的大小 ,顏色,陰影:http://www.thinkcmf.com/font/search.html

                奧森圖標.jpg.png

                 奧森圖標1.jpg.png

配色類網(wǎng)站

http://colorhunt.co,這個網(wǎng)站給我們提供了很多的配色方案,我們直接使用就OK了。

使用方法也很簡單,鼠標移動到對應的顏色上,我們就可以看到顏色的十六進制碼,復制這個顏色到工具里就可以使用了。

                colorhunt.jpg.png

https://webgradients.com/, 180種漸變方案供你選擇,還可以直接復制CSS樣式應用到網(wǎng)頁中。

              webgradients.jpg.png

adobe,這個是Adobe公司出的,他提供了多種配色方案。我們點擊圓盤中間的點,就可以調(diào)整出我們想要的配色方案:https://color.adobe.com/zh/create/color-wheel

                Adobe.jpg.png

http://www.colorhunter.com/,這是一個提取現(xiàn)有圖片配色方案的工具。我們上傳一張圖片,它就會幫我們把圖片的配色提取出來供我們使用。

                colorhunt.jpg.png

bootcss,這個網(wǎng)站是為WEB設計,開發(fā)中經(jīng)常用到的安全色。網(wǎng)站內(nèi)列出了顏色的十六進制碼和RGB碼,復制粘貼就可以了:http://www.bootcss.com/p/websafecolors/

               bootcss..jpg.png

sioe,這是一個在線RGB和十六進制顏色碼轉(zhuǎn)換工具。在對應的位置填入十六進制代碼,點擊轉(zhuǎn)換,我們就可以獲取到RGB顏色的代碼了http://www.sioe.cn/yingyong/yanse-rgb-16/

              sioe.jpg.png




分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://bouu.cn

存檔