分享最全的前端资源

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

一、团队组织

网站 说明
腾讯 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大厂工作的都靠自学

你可能感兴趣的:(分享最全的前端资源)