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

一妖碉、配色類網(wǎng)站

http://colorhunt.co

這個網(wǎng)站給我們提供了很多的配色方案忽肛，我們直接使用就OK了。使用方法也很簡單损敷，鼠標移動到對應的顏色上葫笼，我們就可以看到顏色的十六進制碼，復制這個顏色到工具里就可以使用了拗馒。

01.png

https://webgradients.com/

180種漸變方案供你選擇路星，還可以直接復制CSS樣式應用到網(wǎng)頁中

peise.png

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

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

02.png

http://www.colorhunter.com/

這是一個提取現(xiàn)有圖片配色方案的工具。我們上傳一張圖片友绝，它就會幫我們把圖片的配色提取出來供我們使用堤尾。

03.png

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

這個網(wǎng)站是為WEB設計，開發(fā)中經(jīng)常用到的安全色九榔。網(wǎng)站內列出了顏色的十六進制碼和RGB碼哀峻，復制粘貼就可以了。

04.png

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

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

05.png

二育特、圖標類網(wǎng)站

http://www.iconfont.cn/plus

這是阿里巴巴旗下的圖標庫網(wǎng)站，直接搜索關鍵詞就可以找到大批的圖標先朦。下載圖標的時候我們還可以選擇顏色缰冤、大小、格式喳魏，根據(jù)自己的需要下載就好了棉浸。

06.png

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

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

07.png

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

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

![08.png](http://upload-images.jianshu.io/upload_images/2312450-f67f5e7ffd6d31bf.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

三、插件類網(wǎng)站

http://www.jq22.com/

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

10.png

http://www.htmleaf.com/

這個網(wǎng)站與上一個網(wǎng)站類似知押，也提供了大量的jQuery插件

11.png

http://www.layui.com/

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

12.png

13.png

http://www.h-ui.net/index.shtml

H-ui前端框架叹螟，一個輕量級前端框架，簡單免費台盯，兼容性好首妖，服務中國網(wǎng)站。

H-ui.png

四爷恳、素材類網(wǎng)站

http://588ku.com/

千庫網(wǎng)有缆，一個免費下載圖片素材的網(wǎng)站

14.png

https://unsplash.com/

Unsplash是一個分享免費高質量照片的網(wǎng)站，照片分辨率都挺大，而且都是真實的攝影師作品棚壁，圖片多是風景和靜物杯矩。

![5.jpg](http://upload-images.jianshu.io/upload_images/2312450-79ab78a06e16595c.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

五、字體類網(wǎng)站

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

有字庫袖外，一個免下載字體史隆，直接在線引用字體的網(wǎng)站。

21.png

20.png

http://www.psjia.com/pssc/fontxz/list_18_3.html

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

22.png

六熔酷、工具類

http://tool.lu/

一個在線工具網(wǎng)站，包含大量在線工具

gongju.png

http://www.xueui.cn/design/online-tools

方便好用的UI設計工具合集

xui.png

https://tinypng.com/

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

yasuo.png

http://www.css88.com/

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

css88.png

七拒秘、UI框架

http://element-cn.eleme.io/#/zh-CN/component/typography

Element UI 是一套為開發(fā)者、設計師和產(chǎn)品經(jīng)理準備的開源組件庫臭猜。

WX20181024-131814.png

https://muse-ui.org/#/zh-CN

基于 Vue 2.0 優(yōu)雅的 Material Design UI 組件庫

WX20181024-132214.png

https://youzan.github.io/vant/#/zh-CN/intro

輕量躺酒、可靠的移動端 Vue 組件庫

WX20181024-132635.png

http://amazeui.org/

中國首個開源 HTML5 跨屏前端框架

WX20181024-132945.png

http://sui.taobao.org/sui/docs/

SUI 是一套基于bootstrap開發(fā)的前端組件庫

WX20181024-133316.png

https://github.com/iview/iview-admin

iView admin是基于Vue.js，搭配使用iView UI組件庫形成的一套后臺集成解決方案

【強力推薦】

dragable-table.gif

今天就分享這么多吧蔑歌！大家如果有什么好的工具或者是網(wǎng)站羹应，可以留個言分享一下。咱們共同學習次屠，一起進步量愧！

最后編輯于：2018.10.24 14:07:40

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者

人面猴
序言：七十年代末，一起剝皮案震驚了整個濱河市帅矗，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌煞烫，老刑警劉巖浑此，帶你破解...
沈念sama閱讀 206,839評論 6贊 482
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異滞详，居然都是意外死亡凛俱，警方通過查閱死者的電腦和手機，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 88,543評論 2贊 382
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進店門料饥，熙熙樓的掌柜王于貴愁眉苦臉地迎上來蒲犬，“玉大人，你說我怎么就攤上這事岸啡≡＃” “怎么了？”我有些...
開封第一講書人閱讀 153,116評論 0贊 344
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵，是天一觀的道長奋隶。經(jīng)常有香客問我擂送，道長，這世上最難降的妖魔是什么唯欣？我笑而不...
開封第一講書人閱讀 55,371評論 1贊 279
?港島之戀（遺憾婚禮）
正文為了忘掉前任嘹吨，我火速辦了婚禮，結果婚禮上境氢，老公的妹妹穿的比我還像新娘蟀拷。我一直安慰自己，他們只是感情好萍聊，可當我...
茶點故事閱讀 64,384評論 5贊 374
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布问芬。她就那樣靜靜地躺著，像睡著了一般脐区。火紅的嫁衣襯著肌膚如雪愈诚。梳的紋絲不亂的頭發(fā)上，一...
開封第一講書人閱讀 49,111評論 1贊 285
城市分裂傳說
那天牛隅，我揣著相機與錄音炕柔，去河邊找鬼。笑死媒佣，一個胖子當著我的面吹牛匕累，可吹牛的內容都是我干的。我是一名探鬼主播默伍，決...
沈念sama閱讀 38,416評論 3贊 400
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼欢嘿，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了也糊？” 一聲冷哼從身側響起炼蹦，我...
開封第一講書人閱讀 37,053評論 0贊 259
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎狸剃，沒想到半個月后掐隐，有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
沈念sama閱讀 43,558評論 1贊 300
?護林員之死
正文獨居荒郊野嶺守林人離奇死亡钞馁，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內容為張勛視角年9月15日...
茶點故事閱讀 36,007評論 2贊 325
?白月光啟示錄
正文我和宋清朗相戀三年虑省，在試婚紗的時候發(fā)現(xiàn)自己被綠了。大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片僧凰。...
茶點故事閱讀 38,117評論 1贊 334
活死人
序言：一個原本活蹦亂跳的男人離奇死亡探颈，死狀恐怖，靈堂內的尸體忽然破棺而出训措，到底是詐尸還是另有隱情伪节，我是刑警寧澤光羞，帶...
沈念sama閱讀 33,756評論 4贊 324
?日本核電站爆炸內幕
正文年R本政府宣布，位于F島的核電站架馋，受9級特大地震影響狞山，放射性物質發(fā)生泄漏。R本人自食惡果不足惜叉寂，卻給世界環(huán)境...
茶點故事閱讀 39,324評論 3贊 307
男人毒藥：我在死后第九天來索命
文/蒙蒙一萍启、第九天我趴在偏房一處隱蔽的房頂上張望。院中可真熱鬧屏鳍，春花似錦勘纯、人聲如沸。這莊子的主人今日做“春日...
開封第一講書人閱讀 30,315評論 0贊 19
一樁弒父案驳遵，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽。三九已至山涡，卻和暖如春堤结，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背鸭丛。一陣腳步聲響...
開封第一講書人閱讀 31,539評論 1贊 262
情欲美人皮
我被黑心中介騙來泰國打工竞穷，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留，地道東北人鳞溉。一個月前我還...
沈念sama閱讀 45,578評論 2贊 355
代替公主和親
正文我出身青樓瘾带，卻偏偏與公主長得像，于是被迫代替她去往敵國和親熟菲。傳聞我的和親對象是個殘疾皇子看政，可洞房花燭夜當晚...
茶點故事閱讀 42,877評論 2贊 345