本文主要为广大前端者收录常用又实用的前端资源工具网站，方便大家学习和查阅！一定要收藏！一定要收藏！一定要收藏！

分享一波学习教程：点击   web前端资源分享

综合类（全面）

https://li-xinyang.gitbooks.io/frontend-notebook/content/

《前端笔记本》涵盖了 Web 前端开发所需的全部基本知识以及所对应的学习路径。它适合作为一个学习清单或者是查询手册，结合其他在各个方面更专业的图书或者官方文档来进行同步学习。在学习过程中为了能达到最佳的学习效果，也可将每个技术点实现并进行适当的拓展。

http://www.yyyweb.com/

前端里专注 Web 开发技术，分享最前沿的 Web 开发教程、资源和素材，是面向程序开发人员和设计师的学习交流平台

http://www.imooc.com/

慕课网是IT技能学习平台，提供了丰富的各大IT视频教程资源，并且富有交互性及趣味性

http://tool.lu/

一个在线工具网站，包含大量在线工具，开发，文库等

https://75team.com/archives/

360奇舞团（奇虎75Team）是 奇虎360公司Web平台部前端工程师 + 部分特约嘉宾 组成的一个前端团队。 在这里，我们一起工作学习、一起沉淀、一起分享、一起为前端贡献影响。 开放是我们的特色，快乐是我们的使命。 值得一阅！

前端工具

http://f2er.club/

做专业的前端平台，提供你需要的东西，解放你的收藏夹，让它们只做最主要的事情。

https://www.xmind.cn/

风靡全球的 XMind 思维导图和头脑风暴软件，融合艺术与创造力，让思维清晰可见。值得利用，总结知识体系！

http://www.css88.com/

各种前端类工具、资源、和技术文章（中文文档），有利于初学者快速掌握技能。

http://www.jq22.com/

常用的jquery 插件库，方便下载使用

http://www.36zhen.com/t?id=3448

这个网站具备有大量的书籍pdf，也可以下载，百度云密码都在每本书书籍下方。方便我们查阅。例如js书籍，html书籍，犀牛书，设计书籍，禅意花园。强烈推荐阅读！

https://dn-coding-net-production-pp.qbox.me/e8dd7837-b39d-413e-9beb-ed51984719e0.png

Git常用命令速查表，见过最详细又好用的表了~

设计类

图标类

http://www.iconfont.cn/

这个网站也是非常推荐！经常用到！阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。比如：可以设置图标的大小，颜色等

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

这也是一个非常有名的图标库，左侧有不同的颜色，尺寸可以选。下载图标也很简单，直接点击对应图标上面的格式就可以下载。

配色类

http://colorhunt.co

这是我常用的网站，提供了很多的优美的配色方案，使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到“颜色名”，复制这个颜色粘贴在你需要的地方就可以使用了。

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

这个网站是专门为WEB设计，开发中经常用到的安全色。网站内列出了颜色的十六进制码和RGB码，右侧还可以快速选择颜色的分类，复制粘贴就可以了。

作者：小精灵

原文链接： http://mp.weixin.qq.com/s/yZVVkQj5jOXfvXF5VkJtiw

欢迎关注本人微信公众号【前端体系】，回复【礼物】即可获得“微信小程序”学习资料~  “领干货” 一起提升技能！

转载需备注作者、原文链接