前端资源、交流社区、技术博客等整理总汇

原文链接:前端资源分享-只为更好前端 作者:WEBING

最近看到这篇前端资源总汇的文章,整理的非常详细,于是搬过来,方便自己后期查阅,侵删。

一、团队组织

网站说明
腾讯 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,微信支付设计中心,负责重构前端团队的管理工作。
99cssytzong,就职经历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 WebC7210,交互设计师、UX热爱者、译者
Alon's BlogAlon 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(超文本标记语言)MDNMDN Web 文档
后HTML5时代ⅠTGideas 万技师
后HTML5时代ⅡTGideas 鬼爪手
HTML5 进阶系列爱前端 林鑫
匠心打造canvas签名组件翟灿东,网名路易斯,平安健康前端工程师。
HTML5 有哪些让你惊艳的 demo?知乎 关注者 8K
一只会飞的鱼每周一点canvas动画

九、CSS(3)

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

十、ECMAScript

网站说明
Understanding ECMAScript 6Nicholas 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

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

十三、Vue.js

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

十四、AngularJS

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

十五、React

网站说明
React官方网站
React 中文索引Made by 题叶 & Feifei Hang
React ChinaReact 中文的论坛
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-UIReact 前端 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
七天学会NodeJSAlibaba.com
Node.js 包教不包会alsotang
从零开始nodejs系列文章粉丝日志
NodeJS的代码调试和性能调优小胡子哥
Express基于 Node.js 平台,快速、开放、极简的 web 开发框架
Express框架阮一峰
Koa 框架阮一峰
KoaKoajs 中文文档

十七、RequireJS

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

十八、Sass和Less

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

十九、Webpack

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


二十、Markdown

网站说明
Markdown 语法说明 (简体中文版)riku
Markdown 入门参考LearnShare
GitBook帮助团队在线撰写,协作和发布内容
Cmd MarkdownCmd 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-teamBaidu FEX team
tmallfe天猫前端团队
nzakas尼古拉斯·泽卡斯 Nicholas C. Zakas,雅虎首页的前端技术主管, YUI 库的贡献者,目前在 Box 公司任职
tjTJ Holowaychuk,Koa、Co、Express、jade、mocha、node-canvas、commander.js等知名开源项目的创建和贡献者
JacksonTian朴灵(田永强),就职阿里巴巴数据平台,Node.js布道者
lifesinger玉伯,支付宝前端,seajs作者
jobbole伯乐在线
paulirishGoogle Chrome
kejunDouban Inc
fengmk2fengmk2,Alipay
fool2fishZhouxuan Yang,Alipay
jayliTaobao

二十三、框架类库

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

二十六、开发平台

网站简介
JSFiddle一款在线的代码编辑器,通过流行的JS框架创建自定义的环境,以简化JS代码
JSBinCollaborative 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 tableECMAScript 6兼容性表
CSS Validation ServiceW3C CSS 验证服务
BROWSERHACKSbrowser specific CSS and JavaScript hacks

二十八、正则表达式

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

二十九、CDN

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

三十、API

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


未经允许不得转载:Web前端开发资源网 » 前端资源、交流社区、技术博客等整理总汇

推荐阅读:

利用CSS设置图片黑白/灰色效果,同时适用于整站变灰

各大网站CSS初始化代码集合

jQuery实现本地input选择图片实时显示

分享一些实用的Chrome DevTools技巧

html CSS引用字体文件

赞 (0)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)