前端学习开发网站

一、配色类网站

http://colorhunt.co

这个网站提供了很多配色方案，直接使用就可以。使用方法也很简单，鼠标移动到对应的颜色上，就可以看到颜色的十六进制码，复制这个颜色到工具里就可以。

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和十六进制颜色码转换工具。
二、图标类网站

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://www.h-ui.net/index.shtml

H-ui前端框架，一个轻量级前端框架，简单免费，兼容性好，服务中国网站。
四、素材类网站

http://588ku.com/

千库网，一个免费下载图片素材的网站

https://unsplash.com/

Unsplash是一个分享免费高质量照片的网站，照片分辨率都挺大，而且都是真实的摄影师作品，图片多是风景和静物。
五、字体类网站

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

有字库，一个免下载字体，直接在线引用字体的网站。

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

PS字体库，包含了几乎所有类型的字体，下载好安装，PS中就可以使用了。
六、工具类

http://tool.lu/

一个在线工具网站，包含大量在线工具

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

方便好用的UI设计工具合集

https://tinypng.com/

一个在线图片压缩工具，可以批量使用

http://www.css88.com/

各种前端类工具和技术文章
七、UI框架

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

Element UI 是一套为开发者、设计师和产品经理准备的开源组件库。

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

基于 Vue 2.0 优雅的 Material Design UI 组件库

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

轻量、可靠的移动端 Vue 组件库

http://amazeui.org/

中国首个开源 HTML5 跨屏前端框架

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

SUI 是一套基于bootstrap开发的前端组件库

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

iView admin是基于Vue.js，搭配使用iView UI组件库形成的一套后台集成解决方案