分享最全的前端资源

专门搜集整理前端工作中遇到的各种问题、解决方案、新技术和热门工具插件等

一、团队组织

网站	说明
腾讯 AlloyTeam 团队	腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究
ISUX	腾讯社交用户体验设计，简称ISUX，腾讯设计团队网站
CDC	腾讯用户研究与体验设计部
FEX	百度Web前端研发部出品
淘宝前端团队（FED）	用技术为体验提供无限可能
凹凸实验室	京东用户体验设计部出品
奇舞团	奇虎360旗下前端开发团队出品
阿里巴巴国际UED团队	在更新的屏幕里创造出更好的产品和更优的体验
EFE	由百度多个遵循统一技术体系的前端团队所组成
UXC	覆盖了百度85%以上的产品体验设计

二、开发社区

网站	说明
StackOverflow	加入世界上最大的开发者社区
SegmentFault	中文领域最大的技术问答交流社区平台
知乎	中文互联网最大的知识分享和社交平台
开源中国	目前国内最大的开源技术社区
w3ctech	中国最大的前端技术社区
掘金	一个帮助开发者成长的社区
V2EX	创意工作者们的社区
博客园	一个面向开发者的知识分享社区
CNode	国内最大最具影响力的 Node.js 开源技术社区
Ruby China	由众多爱好者共同维护的 Ruby 中文社区

三、前端门户

网站	说明
前端网	一个专注于Web前端开发行业的综合性门户网站
大前端	一个集前端开发和Wordpress内容为一体的双轨独立网站

四、前端大牛

网站	说明
AlloyTeam	腾讯Web前端团队
taobaofed	淘宝前端团队（FED）
alinode团队博客	基于 Node 运行时的应用性能管理解决方案
鑫空间-鑫生活	张鑫旭,上海阅文信息技术有限公司用户体验设计师
廖雪峰的官方网站	廖雪峰，著有《Spring 2.0核心技术与最佳实践》一书。
阮一峰的个人网站	阮一峰,2014年出版《ECMAScript 6入门》
JavaScript 秘密花园	三生石上
囧克斯	勾三股四
w3cplus	大漠，就职淘宝，CSS3、CSS处理器和Drupal中国布道者。2014年出版《图解CSS3：核心技术与案例实战》。
酷 壳 – COOLSHELL	陈皓，就职经历Amazon中国任研发经理；阿里北京研发中心、商家业务部资深专家；阿里核心系统和阿里云ECS相关的虚拟化平台的开发工作。
html5ify	朴灵，阿里数据产品部资深工程师。致力前端、数据可视化、Node等领域
Ruby’s Louvre	钟钦成,网名司徒正美,著名的JavaScript专家,去哪儿网前端架构师
CSS森林	GhostZhang,微信支付设计中心，负责重构前端团队的管理工作。
99css	ytzong,就职经历139 邮箱前端工程师；腾讯 ISUX 前端工程师； iOS 独立开发者
[米随随] s5s5	刘小超，现在就职于 Tencent ISUX ，岗位 UI Engineer，主要从事UI开发方面工作。
小胡子哥的个人网站	Barret李靖，阿里巴巴职员
Jerry Qu	屈光宇，奇虎 360，前端开发
EVILCOS	余弦，知道创宇
WEB前端开发	愚人码头，内容涵盖Web前端开发原创教程、技术中文文档、前端工具、资源分享、疑难解答、最新技术、招聘信息等
伯乐在线	黄余粮，黄利民
Aimingoo’s Blog	周爱民，一名程序员、架构师，就职物联网公司（ruff.io）
justjavac(迷渡)	justjavac，天津维基科技有限公司研发工程师
Be For Web	C7210，交互设计师、UX热爱者、译者
Alon’s Blog	Alon Zhang，互联网资讯博主
I’m qiqiboy!	qiqiboy，wordpress开发、web前端

五、活跃微博

网站	说明
掘金技术社区	挖掘最优质的互联网技术
w3c中国	万维网联盟中国办事处官方微博

六、书籍推荐

书籍	作者	译者
《Web标准设计》	刘杰（嗷嗷）
《大巧不工 Web前端设计修炼之道》	赖定清 / 林坚
《高性能网站建设指南 前端工程师技能精髓》	Steve Souders	刘彦博
《高性能网站建设进阶指南 Web开发者性能优化最佳实践》	Steve Souders	口碑网前端团队
《Web站点优化》	金
《Node.js开发指南》	郭家寶（BYVoid）
《JavaScript高级程序设计（第3版）》	[美] 尼古拉斯·泽卡斯	李松峰 / 曹力
《JavaScript权威指南》	弗拉纳根	李强
《JavaScript语言精粹》	Douglas Crockford	赵泽欣/ 鄢学鹍
《深入浅出Node.js》	朴灵
《CSS开发王》	张亚飞
《JavaScript DOM编程艺术 （第2版）》	[英] Jeremy Keith / [加] Jeffrey Sambells	杨涛 / 王建桥 / 杨晓云 等

七、前端教程

网站	说明
W3C中国	Web技术领域最具权威和影响力的国际中立性技术标准机构
MDN Web 文档	学习 Web 开发的最佳实践
w3cschool	学编程，从w3cschool开始
Microsoft Web 开发	Developer Network

八、HTML(5)

网站	说明
HTML(超文本标记语言)MDN	MDN Web 文档
后HTML5时代Ⅰ	TGideas 万技师
后HTML5时代Ⅱ	TGideas 鬼爪手
HTML5 进阶系列	爱前端 林鑫
匠心打造canvas签名组件	翟灿东，网名路易斯，平安健康前端工程师。
HTML5 有哪些让你惊艳的 demo？	知乎 关注者 8K
一只会飞的鱼	每周一点canvas动画

九、CSS(3)

网站	说明
CSS Reference	从基础知识中学习CSS的所有重要属性
You Don’t Know CSS	杨健
强大的css3	Wayne Zhu
深入了解 CSS3 新特性	周 翔
Flex 布局教程：语法篇	阮一峰
Flex 布局教程：实例篇	阮一峰
如何编写轻量级 CSS 框架	叙帝利
CSS 专业技巧	一个帮你提升 CSS 技巧的收藏集
CSS3技术-雪碧图自适应缩放与精灵动画方案	慕课网 艾伦 Aaron
搞定这些疑难杂症，向css3动画说yes	IMWeb 结一
Effective前端1：能使用html/css解决的问题就不要使用JS	会编程的银猪
前端如何呼风唤雨	IMWeb coverguo
默认的checkbox、input、radio太丑了？我来教你改变使用纯css3改写的带动画的默认样式	掘金 sunshine小小倩
CSS性能分析，如何优化CSS提高性能	博客园 楼兰小骑士
CSS 黑魔法小技巧，让你少写不必要的JS，代码更优雅	思否 微醺岁月
CSS-Tricks	The Shapes of CSS

十、ECMAScript

网站	说明
Understanding ECMAScript 6	Nicholas C. Zakas
探索 ES6	翻译自《 Exploring ES6 》
ECMAScript 6 入门	阮一峰
ES5合集	颜海镜
ES6 你可能不知道的事 - 基础篇	化辰，淘宝前端团队（FED）
ES6 你可能不知道的事 - 进阶篇	化辰，淘宝前端团队（FED）

十一、JavaScript

网站	说明
JavaScript 标准参考教程（alpha）	阮一峰
JavaScript 秘密花园	三生石上 中文翻译
JavaScript Promise迷你书（中文版）	原著：azu / 翻译：liubin、kaku、honnkyou
JS 函数式编程指南	Linghao Li
JavaScript 闯关记	stone0090

十二、jQuery

网站	说明
学习jQuery	Learning Center
jQuery API 中文文档	官方
jQuery API中文文档	愚人码头
jQuery UI API中文文档	愚人码头
jQuery中文手册	hemin
YOU MIGHT NOT NEED JQUERY	你可能不需要JQUERY

十三、Vue.js

网站	说明
Vue.js	官方网站
vuejs	官方仓库
Vue 专业中文社区	全球最大的 Vueframework 中文开源技术社区
vuefe.cn	Vue.js 中文文档
Vue Forum	Vue 论坛
Vue Land	Vue 聊天室
vue-devtools	用于调试Vue.js应用程序的浏览器devtools扩展
Vue Loader	一个 webpack 的 loader
vue-router	官方路由
Vuex	状态管理模式
Vue 服务端渲染	Vue.js 服务器端渲染指南
Vue package	Find the best packages for your Vue app!
awesome-vue	Awesome Vue.js
Element	一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
iView	一套基于 Vue.js 的高质量 UI 组件库
Vue + webpack 项目实践	勾三股四
vue 性能优化	岛书,Coffcer

十四、AngularJS

网站	说明
Angular 中文版	官方网站
AngularJS入门教程	严清 , 李诗剑 (译者)
AngularJS在线教程	乔乐共享
AngularJS学习笔记	邹业盛
Angularlearning	Angular.js 的一些学习资源
UI Bootstrap	Bootstrap components written in pureAngularJSby theAngularUI Team
AngularStrap	AngularJS 1.2+ native directives for Bootstrap 3
AngularLearning	dolymood

十五、React

网站	说明
React	官方网站
React 中文索引	Made by 题叶 & Feifei Hang
React China	React 中文的论坛
React 入门实例教程	阮一峰
React Router 使用教程	阮一峰
React Native 中文版	极客学院
React.JS教程	PHPERZ
React.js 2016 最佳实践	腾讯全端 AlloyTeam 团队 Blog
React 导读	小撸,国双科技
Redux 中文文档	收到 Redux 作者 Dan 的多次点赞
React Router 中文文档	官方文档中文翻译
React 介绍及实践教程	董越 和 徐新茹
React 设计思想	React 核心开发者、有 React API 终结者之称的 Sebastian Markbåge 撰写
React Webpack 小书	作者 Christian Alfoni and Juho Vepsäläinen 中文译者 Fakefish
Material-UI	React 前端 UI 库
Amaze UI React	基于 React.js 开发的 Web 组件库
dva	基于 redux、redux-saga 和 react-router 的轻量级前端框架
Ant Motion	能够快速在 React 框架中使用动画

十六、Node.js

网站	说明
NODESCHOOL	教你 Web 开发技能的开源课程，自学或者参加一个附近的教学活动
Node入门	作者： Manuel Kiessling 翻译： goddyzhao & GrayZhang & MondayChen
七天学会NodeJS	Alibaba.com
Node.js 包教不包会	alsotang
从零开始nodejs系列文章	粉丝日志
NodeJS的代码调试和性能调优	小胡子哥
Express	基于 Node.js 平台，快速、开放、极简的 web 开发框架
Express框架	阮一峰
Koa 框架	阮一峰
Koa	Koajs 中文文档

十七、RequireJS

网站	说明
Javascript模块化编程	阮一峰
RequireJS学习	叶小钗
RequireJS入门	Snandy
RequireJS 入门指南	参与翻译 NCThinker, 姜鹏飞, super0555

十八、Sass和Less

网站	说明
Sass中文网	世界上最成熟、最稳定、最强大的专业级CSS扩展语言
SASS中文文档	Sass 是成熟、稳定、强大的 CSS 扩展语言
SASS用法指南	阮一峰
Sass入门	大漠
Less中文文档	给 CSS 加点料

十九、Webpack

网站	说明
webpack	官方网站
webpack 中文	中文官网
webpack	github
webpack-demos	阮一峰

二十、Markdown

网站	说明
Markdown 语法说明 (简体中文版)	riku
Markdown 入门参考	LearnShare
GitBook	帮助团队在线撰写，协作和发布内容
Cmd Markdown	Cmd Markdown 编辑阅读器
StackEdit	浏览器中的Markdown编辑器
Mditor	一款轻量级的markdown编辑器

二十一、Git和GitHub

网站	说明
Git-Book	官方文档
git - 简明指南	罗杰·杜德勒
猴子都能懂得GIT入门	backlog
廖雪峰的官方网站 Git教程	廖雪峰
Learn Git Branching	通过一系列刺激的关卡挑战，逐步深入的学习 Git 的强大功能
Git工作流指南	李鼎(哲良),taobao
有关 git 的学习资料	xirong,alibaba
GitHub 漫游指南	Phodal Huang,黄峰达,ThoughtWorks 高级咨询师
GitHub秘籍	Star 24.8k Fork 3.8k

二十二、Github大牛

网站	说明
AlloyTeam	腾讯 AlloyTeam
fex-team	Baidu FEX team
tmallfe	天猫前端团队
nzakas	尼古拉斯·泽卡斯 Nicholas C. Zakas，雅虎首页的前端技术主管， YUI 库的贡献者，目前在 Box 公司任职
tj	TJ Holowaychuk，Koa、Co、Express、jade、mocha、node-canvas、commander.js等知名开源项目的创建和贡献者
JacksonTian	朴灵(田永强)，就职阿里巴巴数据平台，Node.js布道者
lifesinger	玉伯，支付宝前端，seajs作者
jobbole	伯乐在线
paulirish	Google Chrome
kejun	Douban Inc
fengmk2	fengmk2，Alipay
fool2fish	Zhouxuan Yang，Alipay
jayli	Taobao

二十三、框架类库

网站	说明
WeUI	微信官方设计团队为微信 Web 开发量身设计
ZUI	一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。
MZUI	为移动端设计，基于 Flex 的 UI 框架
SUI Mobile	阿里他她，一套基于 Framework7 开发的UI库
KISSY	一款跨终端、模块化、高性能、使用简单的 JavaScript 框架
nice validator	领先的表单验证解决方案
Underscore.js	一整套函数式编程的实用功能
Lodash	通过解决数组，数字，对象，字符串等问题，让JavaScript变得更轻松。
Metro UI CSS	一个 BizSpark Startup
Kite CSS	一个灵活的布局助手
Creative Link Effects	创意链接或菜单项效果
JAVASCRIPTING	最优的javascript库、框架和插件。
Microjs	神奇的微型框架

二十四、动画

网站	说明
Animate.css	一个跨浏览器的CSS动画库
Bounce.js	触摸库 CSS3关键帧动画
Waves.js	点击按钮或背景动画
缓动函数	指定动画效果在执行时的速度，使其看起来更加真实

二十五、移动端

网站	说明
腾讯移动Web前端知识库	Mars - mobile needs a hero
Mobi Tips	TGideas
mobileTech	jtyjty99999-Alibaba，收集移动端开发所需要的一些资源与小技巧
无线Web开发经验谈	支付宝
Mobile Web Favorites	hoosin
移动web资源整理	白树，就职微信支付，负责移动端产品，擅长小程序、H5前端开发
Zepto.js API 中文版	愚人码头,一些可选功能是专门针对移动端浏览器的
Framework7	阿里他她，特色的HTML框架 可以创建精美的iOS应用
SUI Mobile	阿里他她，一套基于 Framework7 开发的UI库
Swiper	开源、免费、强大的移动端触摸滑动插件

二十六、开发平台

网站	简介
JSFiddle	一款在线的代码编辑器,通过流行的JS框架创建自定义的环境,以简化JS代码
JSBin	Collaborative JavaScript Debugging
BabelJS	一个 JavaScript 编译器
RunJS	在线编辑、展示、分享、交流你的 JavaScript 代码
JSDM	一个WEB前端在线编辑器，可同时编辑HTML、CSS、JAVASCRIPT代码，并即时预览！
CodePen	面向前端设计人员和开发人员的社交开发环境
IDeone	一个在线编译器和调试工具，它允许您编译源代码并在线执行超过60种编程语言
HCODE	一个在线代码测试、托管、分享的工具，方便与别人一起调试、分享代码，具有代码高亮、一键代码格式化、贴心的快捷键等功能。
Thimble	一个在线代码编辑器，用它可以很轻松地创建和发布一个您自己的网页，一切伴随着 HTML、CSS 和 JavaScript。

二十七、在线工具

网站	简介
CanIUse	查看浏览器版本对HTML5和CSS3的支持情况
ECMAScript 6 compatibility table	ECMAScript 6兼容性表
CSS Validation Service	W3C CSS 验证服务
BROWSERHACKS	browser specific CSS and JavaScript hacks

二十八、正则表达式

网站	简介
正则表达式 MDN	MDN Web 文档
RegExp对象	阮一峰
正则的扩展	阮一峰
进阶正则表达式	小胡子哥 ( Barret Lee )
正则表达式30分钟入门教程	deerchao
正则表达式前端使用手册	路易斯
JS正则表达式元字符	思否 小弟调调

二十九、CDN

网站	简介
百度静态资源公共库	稳定，快速，全面，开源的国内CDN加速服务。
360网站卫士常用前端公共库CDN服务	常用前端公共库以及和谐使用Google公共库&字体库的调用方法
前端库CDN服务	微信，主要包括一些常用的 JS 库，CSS库，甚至是SWF文件。
BootCDN	Bootstrap 中文网支持并维护的前端开源项目免费 CDN 服务
TAONPM	淘宝 NPM 镜像,可以用此代替官方版本(只读)
Staticfile CDN	免费、快速、开放的 CDN 服务
jQuery CDN	最新的稳定版本

三十、API

网站	简介
OverAPI.com	Collecting All Cheat Sheets
常用API文档索引	开源中国社区 在线API文档

推荐阅读：

学习前端的人越来越多，为什么前端工作越来越难找了？

年薪30W前端程序员，需要吃透的前端书籍推荐

985科班出身的程序员吐槽叫兽教的太老套，身边在bat大厂工作的都靠自学