##Front-End-Develop-Guide 前端开发指南
创建此项目灵感从SwiftGuide而来,这份指南汇集了前端开发所使用语言的主流学习资源,并以开发者的视角进行整理编排而成。
GitHub:w3crange/Front-End-Develop-Guide | 网站:http://w3crange.github.io | 欢迎开发者一起维护,或反馈/投稿
想了解关于该指南及 前端开发 更多信息的同学,可以阅读短文《致 Front-End Developers》。 想查看优秀的开源项目,可以访问《Front-End Develop 项目精选》。希望查看精选文章,可以访问《Front-End Develop 文章精选》。也欢迎企业在湖南招聘人才提供工作岗位(請附上薪資),可以提交到工作岗位。
由@icepy负责整理
欢迎大家加入一起来学JS(HN)QQ群:347349470,加入后还请修改备注为,所在地-昵称。
主要讨论:前端范围内的技术,HTML CSS JavaScript使用技巧,浏览器开发工具使用讨论,iOS Android等Mobile App使用的技术,一起来学习,共同进步。
让web前端,JS开发在湖南可以成为大家热爱的工作与成熟的产业。
Front-End Developers Hunan
由于个人精力有限,不足之处还望大家多多包容与提供建议。
##目录
- Front-End Develop 文档
- 延伸可扩展的方向
- Front-End 需要了解的数据结构与算法
- Front-End Develop 优秀文章
初略读懂Front-End Develop要做些什么
Web Front-End Stack:这张图非常详细。
W3C组织提供了官网的地址:w3.org,可以去查询最近实现的标准以及将来可能实现的讨论。
web前端开发可能包括HTML,CSS,JavaScript,Web API,SVG,WebGL,MathML等,语言是编程的基础,火狐的MDN出了一份比较通略的文档,可以快速查看Web 技术文档。
===
- 无处不在的html:HTML是Web的核心语言,也是最基础的语言;
- XHTML2 Working Group Home Page
- HTML5 API Search:可以快速的查询某个HTML5的API;
- HTML5 Rocks:通过这个网站可以搜索到很多关于HTML5的教程;
书籍:
===
- 编码规范 by @mdo:开发灵活,稳定,可持续 HTML 和 CSS 代码的规范,每一项都有很详细的解释;
- css guide lines
- 通用 CSS 笔记、建议与指导:本文档第一部分将探讨语法、格式以及分析 CSS 结构;第二部分将围绕方法论、思维框架以及编写与规划 CSS 的看法;
- 学习CSS布局:教授的是现在广泛使用于网站布局领域的CSS基础;
- CSS3 Tutorial 《CSS3 教程》:CSS3 Tutorial 是一本关于 CSS3 的开源书,作者利用业余时间写了本书,图文并茂,用大量实例带你一步一步走进 CSS3 的世界;
- Magic of CSS
- CSS词汇表:查询CSS的词汇;
- CSS参考
- Sass基础知识:Sass官网,讲述Sass/SCSS应用的基础知识,变量、函数、条件、循环、宏等等;
- Sass中文网:中文大,给E文不好的小朋友们;
- Sass Guidelines:这是由Sass专家Hugo Giraudel撰写的一份"编写稳健、可维护和可扩展的Sass"的指南,这份指南已被翻译成中文;
- Sass meister:在线Sass/SCSS调试器;
===
注明:JavaScript文档将引用justjavac/free-programming-books-zh_CN#JavaScript所整理的免费图书以及自己所收集的资料;
- Google JavaScript 代码风格指南:Google风格指南不但指出每条规范,还解释了为什么这样写的原因,同时给出了对与错的实例;
- Airbnb JavaScript 规范:A mostly reasonable approach to JavaScript,跟Google规范类似;
- Google JSON 风格指南:该风格指南是对在Google创建JSON APIs而提供的指导性准则和建议。总体来讲,JSON APIs应遵循JSON.org上的规范。这份风格指南澄清和标准化了特定情况,从而使Google的JSON APIs有一种标准的外观和感觉。这些指南适用于基于RPC和基于REST风格的API的JSON请求和响应;
- Javascript编程指南 (源码)
- 重新介绍 JavaScript(JS 教程):是火狐推出的一系列的JS教程,为什么会有这一篇"重新介绍"呢?因为 JavaScript 堪称世界上被人误解最深的编程语言。虽然常被视作"玩具语言",但它看似简洁外衣下,还隐藏着强大的语言特性。 JavaScript 目前广泛应用于一大批知名应用中,对于网页和移动开发者来说,深入理解 JavaScript 就尤有必要;
- JavaScript 标准参考教程(alpha)
- javascript 的 12 个怪癖
- JavaScript 秘密花园
- JavaScript核心概念及实践:(PDF) (此书已由人民邮电出版社出版发行,但作者依然免费提供PDF版本,希望开发者们去购买,支持作者);
- 《JavaScript 模式》:"JavaScript patterns"中译本;
- 命名函数表达式探秘 :(注:原文由为之漫笔翻译,原始地址无法打开,所以此处地址为我博客上的备份);
- 学用 JavaScript 设计模式 :(开源中国)
- 深入理解JavaScript系列:汤姆大叔2011年翻译的一系列的文章,很值得一读;
- ECMAScript 6 入门:(作者:阮一峰)
- JavaScript Promise迷你书:讲述Promise实现;
- You-Dont-Know-JS:(深入JavaScript语言核心机制的系列图书);
如果你想飞起来,这正是好去处。
- jQuery
- underscore.js
- backbone.js
- AngularJS
- Zepto.js
- Sea.js
- React.js
- impress.js
- CoffeeScript
- ExtJS
- Meteor
- TypeScript
- requirejs
下面两篇文章不会对 HTTP 的细节进行深究,而是从够高和更结构化的角度将 HTTP 协议的元素进行分类讲解,可以先阅读HTTP 协议漫谈和图解Http协议来对HTTP有一个大概的了解。
深入全面了解,可阅读HTTP权威指南。
cache是提高应用性能重要的一个环节,必需要有所了解。
现在的前端自动化工具主要如下三个流派,目测涵盖90%以上经常使用。
工欲善其事,必先利其器。开源项目与工具的使用,将极大的提高前端开发之效率。
####1. 开发工具
- Sublime Text:前端开发好用到爆;
- Atom:Github出品的一个类似Sublime Text编辑器,长的蛮像的,快捷键也非常类似;
- Vundle.vim:使用vim开发前端的利剑,包括其他语言;
Sublime Text常用的插件:
- Emmet:zen coding的升级版,对于前端来说,可是必备插件;
- sublimelint:用于代码的校验,支持 HTML、CSS、JS、PHP、Java、C++ 等16种语言;
- Alignment:用于代码对齐;
- JsFormat:用于JavaScript格式化;
- jQuery:jQuery插件;
Atom常用的插件:
- TypeScript:支持TypeScript编译;
- run-in-browser:支持运行网页;
- Emmet:快速编写HTML;
- minimap:右侧小地图;
- color-picker:CSS颜色取色器;
- autoprefixer:自动补全CSS前缀;
- autocomplete-paths:对路径选择进行增强;
- autocomplete-python:对Python提示进行增强;
- docblockr:编写注释好帮手;
- file-icons:美化编辑器图标;
- linter-jshint:JavaScript语法检查;
vim常用的插件:
Bundle 'christoomey/vim-run-interactive'
Bundle 'Valloric/YouCompleteMe'
Bundle 'croaky/vim-colors-github'
Bundle 'danro/rename.vim'
Bundle 'majutsushi/tagbar'
Bundle 'kien/ctrlp.vim'
Bundle 'pbrisbin/vim-mkdir'
Bundle 'scrooloose/syntastic'
Bundle 'slim-template/vim-slim'
Bundle 'thoughtbot/vim-rspec'
Bundle 'tpope/vim-bundler'
Bundle 'tpope/vim-endwise'
Bundle 'tpope/vim-fugitive'
Bundle 'tpope/vim-rails'
Bundle 'tpope/vim-surround'
Bundle 'vim-scripts/ctags.vim'
Bundle 'vim-scripts/tComment'
Bundle "mattn/emmet-vim"
Bundle "scrooloose/nerdtree"
Bundle "Lokaltog/vim-powerline"
Bundle "godlygeek/tabular"
Bundle "msanders/snipmate.vim"
Bundle "jelera/vim-javascript-syntax"
Bundle "altercation/vim-colors-solarized"
Bundle "othree/html5.vim"
Bundle "xsbeats/vim-blade"
Bundle "Raimondi/delimitMate"
Bundle "groenewege/vim-less"
Bundle "evanmiller/nginx-vim-syntax"
Bundle "Lokaltog/vim-easymotion"
Bundle "tomasr/molokai"
Bundle "klen/python-mode"
Bundle "leafgarland/typescript-vim"
Bundle "scrooloose/nerdcommenter"
- HTML5 Please:HTML5与CSS3技术评估
- Mobile HTML5:HTML5兼容性速查表
- HTML5 Cross Browser Polyfills
####2. 源代码管理工具
- Github:声望日盛-全球最大的"同性"网站;
- Github For Mac:设计的非常美观的git管理客户端,它能取代命令行所获得的功能;
- Gitcafe:国内的Github,相比之下拥有速度优势;
- Git@OSC:也是类似的项目,在国内,可以免费建立1000+私有项目;
####3. Mac工具
关于Mac平台的使用,推荐大家阅读入门精选
- HomeBrew:OS X上非常优秀的包管理工具;
- HomeBrew-Cask:简洁优雅的Mac OS X软件安装体验;
- iTerm 2:OS X上一个增强版的shell终端;
- oh-my-zsh:OS X上用来增强shell命令行的工具;
- Dash:Dash is an API Documentation Browser and Code Snippet Manager. Dash stores snippets of code and instantly searches offline documentation sets for 150+ APIs (for a full list, see below). You can even generate your own docsets or request docsets to be included;
- tmux:终端复用神器,帮助在Mac或者Linux上做开发的程序员在使用终端时更加得心应手;
- MacVim:Mac下GUI vim编辑器;
- Xcode:也许你用不上,安装Xcode主要是为了Xcode command line tools工具包,你也可以选择不安装Xcode,使用xcode-select --install跳过Xcode的安装;
####4. VPN
####1. 有趣味的开源项目
- Web Developer技能树:类似《魔兽世界》中的天赋树;
- octotree:浏览器扩展(Chrome,Firefox,Safari和Opera)显示GitHub树格式的代码;
- react-native:出品的一个可以使用JavaScript来构建Native UI的库;
- ionic:Ionic是一个强大的HTML5 原生应用(native app) 开发框架,帮助你用HTMLL,css和javascript构建具有原生味道的移动应用(mobile apps);
- passport-bnet:暴雪提供的Nodejs版SDK
- hexo:编写博客使用的工具
- traceur-compiler:可以运行未来的JavaScript的JavaScript;
- EpicEditor:可以嵌入网页的Markdown编辑器;
- gitbook:用于生成在线书籍的工具;
- kityminder:作为一款在线的脑图编辑工具,它有着不亚于 native 脑图工具的交互体验;
####2. 开源库
- three.js:three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象;
- fullPage.js:fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站;
- angular-ui-router:angular-ui-router是AngularJS的路由框架,和默认的$route不同,它将所有路由包装成可划分层级的状态机状态,路由路径在ui-router中不是必须的。由于ui-router的路由状态机是分层级的,所以使用ui-router可以非常方便地创建包含多个嵌入的子模板;
- marked:markdown解析器;
- tsd:在TypeScript中替换第三方库所使用的引用文件;
- react:可以用一种声明性、高效和灵活的JavaScript来构建用户界面的框架;
- hammer.js:处理触摸事件,以及手势的JavaScript库;
- resumable.js:这是用于HMLT5 File Api封装可以方便操作文件的一个库;
- commander.js:可以帮助快速开发Nodejs命令行工具的一个包;
- persistencejs:是一个异步的Javascript库的对象关系映射框架;
- artTemplate: JavaScript模板引擎;
- TypeScript:JavaScript的超集,扩展了类型,类,接口等语法,兼容ES6;
- fastclick:FastClick是一个简单的、易于使用的库,消除在移动浏览器上触发click事件与一个物理Tap(敲击)之间的300延迟;
- node-browserify:Browserify是一个node.js模块,主要用于改写现有的CommonJS模块,使得浏览器端也可以使用这些模块;
- socket.io:Socket.io是使用得非常普遍的前端调用Websocket的库;
- superagent:superagent 是nodejs里一个非常方便的客户端请求代理模块;
- cheerio:它可以从一坨html的片断中构建DOM结构,然后提供像jquery一样的css选择器查询;
- express:它用于构建Web网站,非常快速;
- node-mongodb-native:nodejs用于操作mongodb;
- ejs:JavaScript模板引擎;
- riot:一个小巧的UI和代码结构的框架;
- JavaScript-MD5:JS版的MD5;
- zepto:在浏览器(Safari、Chrome和Firefox)上开发页面应用或者构建基于html的web-view本地应用,如PhoneGap,使用Zepto是一个不错的选择;
- async:JS实现的一个方便快捷异步编程的库;
- echarts:基于Canvas,纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力;
- koa:下一代编写Web网站的nodejs框架;
- vue:MVVM框架;
- underscore:JavaScript函数工具库;
- backbone:Backbone.js为复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件;集合附有可枚举函数的丰富API; 视图可以声明事件处理函数,并通过RESRful JSON接口连接到应用程序。
- jquery:jQuery 是一个高效、精简并且功能丰富的JavaScript 工具库;
- angular.js:AngularJS是为了克服HTML在构建应用上的不足而设计的,通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一样,这也会损失一部分灵活性。换句话说,并不是所有的应用都适合用AngularJS来做。AngularJS主要考虑的是构建CRUD应用。幸运的是,至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建,就得了解什么不适合用AngularJS构建。
- Flow:Facebook出品的一个JavaScript静态编译器;
- avalon:用于构建Web界面的MVVM JavaScript框架;
- requirejs:JavaScript模块化的开山鼻祖;
- seajs:中国开发者编写的一个JavaScript模块化库;
- d3:基于JavaScript编写的一个图表库,非常强大。
- sugar.js:它扩展了现有的JS对象的方法,让你可以用更少的代码做更多的事情;
- lo_dash:JavaScript函数工具库;
####3. 开放平台
- wx:wx是极简设计的微信(公共平台)应用参考级框架,而并非微信接口在node.js下的幂等映射;
- api-wow-docs:暴雪提供的魔兽世界API文档
####4. 开源web网站系统
- candy:基于多说社交评论的社会化论坛系统,采用 Node.js/Mongodb 构建;
####5. 调试工具
- node-inspector:nodejs的调试工具;
- node-supervisor:nodejs用于无需重启的工具
- Front-end-Developer-Interview-Questions:面试题集合;
- 中文前端开发面试题 中文前端开发面试题
- Mars - mobile needs a hero:腾讯出品的移动端实践;
- mobileTech:收集了移动端出现的问题以及解决思路与技巧;
中文 Front-End 开发博客列表,本博客列表会长期维护,如果有推荐的博客,请到此处提交博客信息
在Github上找到一个社区网站收集的项目-- front-end-collect
中文 Developer 社区列表,本社区列表会长期维护,如果有推荐的社区,请到此处提交社区信息
说明:技术分享会议引用了ufologist项目中的收集,与自己收集的资源整理而成。
延伸可扩展的方向是指,脱离了浏览器环境的编程。
- Node入门
- 七天学会NodeJS
- Nodejs Wiki Book (繁体中文)
- express.js 中文文档
- koa 中文文档
- 使用 Express + MongoDB 搭建多人博客
- Express框架
- Node.js 包教不包会
- Learn You The Node.js For Much Win! (中文版)
- Node debug 三法三例
- nodejs中文文档
可以先通过阅读V8引擎简介来了解JavaScript现在最好的引擎是怎样的,然后访问Chrome V8来获取最新的资料,API文档可以访问v8-docs。
- 数据结构与算法(JS 版) (@进击的Luke)
- What are the 10 algorithms one must know in order to solve most algorithm problems
- 基础算法
- 那些少人所知而又有用的数据结构(StackOverflow)
- 高级数据结构大全
说明:文章从《码农周刊》,《奇舞周刊》,以及个人平时阅读收集而来
JavaScript 与有限状态机
网站实时协作功能 Javascript 库 TogetherJS
[译] 学用 JavaScript 设计模式(开源中国)
大量 D3.js 示例(biovisualize)
Snap.svg - JavaScript SVG 库
JavaScript 编码风格指南(Airbnb)
Riot.js — 1kb 的客户端 MVP 框架
经常被误解的一些 JavaScript 概念(Michael Bolin)
dsjslib - 一个 JavaScript 实现的数据结构和工具集
D3plus - 一个 D3.js 的扩展库
mindb - 一个帮助你进行复杂数据操作的 JS 库
OpenUI5 - SAP 开源的 JavaScript 框架
系列文章:JavaScript 高级程序设计(blinkstar824)
JavaScript 模式集合(@shichuan石川)
math.js - 一个 JavaScript & Node.js Math 扩展库
JavaScript 异步编程原理(@BarretLee)
ConvNetJS - 在浏览器里训练深度学习模型的 JS 库
37 道 JavaScript 选择题
JavaScript 之道
JavaScript 高级教程 (John Resig)
Mousetrap - 一个用于处理键盘快捷键的 JS 库
Eloquent JavaScript(第二版)
免费 JavaScript 电子书《Speaking JavaScript》 (Dr. Axel Rauschmayer)
jQuery 编码规范与最佳实践 (Abhinay Rathore)
[译] MEAN 简介(@ShuPengfei)
JavaScript 内存优化 (Life Map)
免费 JavaScript 电子书《Learning JavaScript Design Patterns》 (Addy Osmani)
JavaScript 必备工具清单 (Code Fellows)
ECMAScript 6 工具集锦
[译] jQuery API 中文文档最新版(@愚人码头)
ECharts - 一个基于 Canvas 的纯 Javascript 图表库
系列文章:RequireJS 源码学习(叶小钗)
Superhero.js - 一站式的 JavaScript 知识库
slick - 一个超棒的 JS 轮播插件
大量 Meteor.js 学习资源 (yauh)
系列文章:MVVM 框架大比拼(@侯振宇hzy)
JavaScript 高性能动画与页面渲染(李光毅)
ECMAScript 6 入门 (@ruanyf)
[译] 我希望自己尽早知道的 7 个 JavaScript 怪癖 (Coding Serf)
fibjs - 一个基于 Coroutine 实现的服务器开发框架(@孢子响马)
[PDF] 大型 JavaScript 应用实战经验分享 (Matt)
Ember.js 教程 (Vic Ramon)
MT - 腾讯出品的专注于移动端的 JS 模块管理框架
系列文章:重构 JavaScript 应用的七种模式 (Michael Phillips)
JavaScript 在线交互教程
理解 JS 闭包 (fcoral)
免费电子书《Eloquent JavaScript(第二版)》 (Marijn Haverbeke)
最牛叉的 JS 游戏框架
[PDF] JavaScript 内存管理 (Addy Osmani)
JavaScript 高级对象 (Bjorn Tipling)
新的 JavaScript 模块系统 (LYing)
用 JavaScript 编写 OS X 应用 (Tyler Gaw)
wechat.js - 微信相关的 js 操作:分享、网络、菜单 (@sofish)
细嗅 Promise(@Barret李靖)
SweetAlert - 一个 JavaScript alert() 方法的替代品 (Tristan Edwards)
Gifshot - 一个从流媒体、视频或者图片中生成 Gif 动画的 JS 库
抽象语法树在 JavaScript 中的应用 (xcatliu)
[视频] JavaScript 的诞生与死亡
fibjs 介绍 (@孢子响马)
JavaScript 应用程序架构 (Addy Osmani)
玩转 AMD(Loader 篇) (@errorrik)
颠覆式前端 UI 开发框架:React (王沛)
fibjs 关于异步的设计逻辑 (@孢子响马)
[译] JavaScript 奇技淫巧 45 招 (Sid)
Draggabilly - 一个专注于拖拽功能的 JS 库 (David DeSandro)
[译] 详解 this (@刘哇勇)
JavaScript Promise 迷你书(中文版) (liubin & kaku & honnkyou)
[译] JavaScript 简易教程 (颜海镜)
React 入门学习实例 (Kejun)
ECMAScript 6 Features 中文版 (@lenville)
实战 JS 正则表达式 (@大额大额哼歌等日落)
fullPage.js - 一个 jQuery 全屏滚动插件 (Álvaro)
KVM.js - 一个轻量级模块管理器 (王智力)
Slideout.js - 一个用于移动 Web 应用的触摸滑出式导航菜单 (Mango)
必须了解的 ECMAScript 6 新特性 (@MilhouseVanHouten)
[译] 深入浅出 React Native:使用 JavaScript 构建原生应用 (寸志 等)
React Native 学习指南 (@玩儿音乐的程序猿)
[译] 2015 前端 JS 工程师必知必会 (@_像阳光一样)
React Native 之布局篇 (@sysu_学家)
Dragula - 一个让拖放操作变简单的 JS 库 (Nicolas Bevacqua)
Layzr.js - 一个小巧快速的图片懒加载库 (Michael Cavalea)
T3 - 一个用于搭建大型 Web 应用的客户端 JS 框架 (Box)
Facebook React Native 中文教程 (@极客学院_jikexueyuan)
BooJS:在命令行中执行 JavaScript (Seo Townsend)
Sprint.js - 一个高性能、小体积的 DOM 操作库 (Benjamin De Cock)
elevator.js - 一个模拟电梯运行"返回顶部"的 JS 插件 (Tim Holman)
react-native-swiper - 一个用于 React Native 的最佳轮播类组件 (斯人)
Clusterize.js - 一个轻松显示大数据集的 JS 插件 (NeXTs)
Picturefill - 一个响应式图片 JS 插件 (Scott Jehl)
重新介绍 JavaScript
Clojure 风格的 JavaScript 并发编程 (@MilhouseVanHouten)
PyPy.js:将 PyPy 代码编译成 JavaScript 代码 (rfk)
observe.js - 一个用于观察任意对象的任意变化的类库 (kmdjs)
zoom.js - 一个 jQuery 图片放大插件 (fat)
[英] JavaScript 闭包工作原理 (@jiacai2050)
ReactJS 入门教程 (雲霏霏)
watermark.js - 一个在浏览器中添加图片水印的 JS 库(ES6) (brianium)
[译] 去除 JavaScript 代码的怪味 (@涂鸦码龙)
JavaScript 玩转 Clojure 大法之 Transducer (@MilhouseVanHouten)
[英] JS 之父谈 JavaScript(幻灯片) (Brendan Eich)
iconate.js:将 icons 增加动画效果的 JS 库 (bitshadow)
zepto.fullpage:专注于移动端的 fullPage.js (@颜海镜)
MetaHandler.js:移动端适配各种屏幕无痛工具脚本 (@听奏)
JavaScript 玩转 Clojure 大法之 Trampoline (MilhouseVanHouten)
[译] 理解并掌握 JavaScript 中 this 的用法 (MForever78)
我是怎么从顾虑到热爱 ReactJS 的?
JSPatch 实现原理详解 (bang)
一个 JavaScript 实现的 GBA 模拟器 (jsemu)
fstorm:超快速和安全的进行文件"写入"(JavaScript) (拴萝卜的棍子)
jsblocks:更好的 JavaScript MV-ish 框架 (astoilkov)
编写高质量 JavaScript 代码 (北鼻鱼博客)
JavaScript 玩转 Clojure 大法之 Macro(一) (MilhouseVanHouten)
ECMAScript 6 新特性介绍 (久艾分享)
入 lang:移植 Clojure macro 到 JavaScript (MilhouseVanHouten)
Airbnb JavaScript Style Guide(中文版) (jigsawye)
从零开始构建实现一个 JavaScript 模块化加载器 (@晓风well)
JavaScript 全栈教程 (@廖雪峰)
[译] 真实世界的 JavaScript MVC 框架 (范洪春)
[译] 深入浅出 ES6(五):不定参数和默认参数 (@Lenville)
MDN JavaScript 教程
一张图学习 JavaScript (coodict)
io.js API 中文文档(需梯子) (DavidCai1993)
JSPatch 实现原理详解(二) (@bang)
Intro.js - 一个创建引导式网站介绍功能的 JS 库 (usablica)
ES6 的功能侦测库 ES-Checker (@ruanyf)
理解 JavaScript 的原型链和继承 (MilhouseVanHouten)
JavaScript 的语法解析与抽象语法树 (@晓风well)
Airbnb JavaScript 编码规范(简体中文版) (Che Yu)
Node Profiler - 一个 JavaScript 性能调优工具 (阿里云V8/Node团队)
《React 和 Webpack 小书》 (@fakefish_wjy)
图解 JavaScript 原型链 (i小雨生)
ReactEurope Conf 参会感想 (@郭达峰)
anypack:适用于组件化的打包工具(JavaScript) (SKing7)
JavaScript 单例模式的理解 (涂根华)
[译] React Mixin 的使用 (@微博里的毛毛虫)
ES6 In Depth (Mozilla Hacks)
TSD:提升 IDE 对 JavaScript 智能感知的能力 (静听梵音-破狼)
impressjs 插件开发 (yalishizhude)
一个"三端"开发者眼中的 React Native (@小芋头君)
Decorators in ES7 (llh911001)
高性能 JavaScript 加载和执行 (韩子迟)
Vue.js 源码学习笔记 (@勾三股四)
优雅的 underscore (亚里士朱德)
Handlebars.js 初探 (久艾分享)
jdists:强大的代码块预处理工具(JS) (@王集鹄)
谈谈 React.js 的核心入门知识 (晓风well)
理解 JavaScript 中的策略模式 (涂根华)
Vue.js:轻量高效的前端组件化方案 (尤雨溪)
入语言第二试:readtable 与 core.async (MilhouseVanHouten)
Babel.js 插件开发(二):开始编写 (booooom)
[译] web workers 到底有多快? (TAT.joey)
CSS 指南 (Harry Roberts)
CSS 置中完全指南 (Chris Coyier)
从 HTML Components 的衰落看 Web Components 的危机(@民工精髓V)
前端代码异常监控 (@raphealguo)
[译] 前端代码规范及最佳实践 (@老码农的自留地)
CSS 动画入门 (Rachel Cope)
2014 年 CSS 报告 (Alex McPherson)
2014 年 Web 高手都在做什么 (李亚飞)
纯 CSS 实现打地鼠游戏 (Zihua Li)
2015 前端框架何去何从? (@侯振宇hzy)
前端组件库 (@Mr憬忟)
创新高性能移动 UI 框架:Canvas UI 框架 (rank)
[译] CSS 的简写属性
CSS 参考手册 v4.1.7 (@doyoe)
2015 前端组件化框架之路 (@民工精髓V)
[译] 提升 Sketch 使用效率的 6 个实用技巧 (@C7210)
[译] 30 个你必须记住的 CSS 选择符 (@颜海镜)
[译] 提升设计效率的 15 个免费 Sketch 插件 (@陈子木)
[译] 函数式 CSS (@颜海镜)
Amaze UI - 一个移动优先的跨屏前端框架 (AllMobilize)
Materialize - 一个基于 Material Design 的 CSS 框架 (Alvin Wang)
前端性能优化最佳实践 (@前端开发博客)
前端完美展现显示数学公式探讨 (@Aurthur-LK)
Sass Guidelines(中文版)
深入理解 CSS3 弹性盒布局模型(2014) (成富)
[译] 为网页设计而生的 15 个优质 Sketch 插件 (@陈子木)
CSS Animation 初探 (@alexhilton)
GitHub 上值得关注的前端项目 (@trigkit4)
前端架构介绍 (SaitoWu)
[译] 网页动画的十二原则 (@刘英滕)
Canvas 处理头像上传 (lxjwlt)
[译] CSS 布局模块 (@公子锦衣夜行)
浏览器 CSS Hack 收集 (@微博里的毛毛虫)
用 Grunt 搭建自动化 Web 前端开发环境 (王福朋)
IE7 浏览器下 CSS 属性选择器二三事 (@张鑫旭)
[译] HTML 和 CSS 代码规范 (ZoomZhao)
[译] 网页动画终极指南 (@十萬個為什麽)
仿造 iOS 风格的 UIPickerView 插件 (wen)
Sketch 秒杀 PS CC 2015 新功能的 7 个地方 (@JingDesign)
前端技能训练:重构一 (@Phodal)
Web Components 初探 (大眼夹的鸟巢)
HTML 中的 attribute 和 property (@寒冬winter)
《CSS 设计指南》学习笔记(二) (@大板栗Clear)
前端自动化测试探索 (@设计无极限的地盘)
Flexbox:更加优雅的 Web 布局 (卢小健)
[译] Google 官方出品的 Material Design Web 框架 (cnBeta)
前端代码优化带来搜索引擎高效地识别移动页面 (@an7)
FIS3 发布了! (fex-team)
解读 CSS 布局之水平垂直居中 (@大地Dudy)
移动端高清、多屏适配方案 (Lovesueee)
最全前端开发面试问题及答案整理 (@trigkit4)
AEditor - 一个 H5 动画交互页开发工具 (AlloyTeam)
七牛前端测试实践 (@七牛云存储)
Flex 布局教程:实例篇 (@ruanyf)
自定义标签在 IE6-8 的困境 (@司徒正美)
前端的基础修养:Microdata (@lepture)
Web 中的图标 (@w3cplus)
[译] Web 设计师不可错过的 25+ CSS 工具 (shirleywong 等)
利用 SVG 制作素描动画 (playniuniu)
Web App 变革之 rem (云平-Owen)
[Slide] 重拾 CSS 的乐趣(上) (@CSS魔法)
Web 前端开发大系概览 (@灵感之源)
移动时代的前端加密 (@王集鹄)
[译] 42 个移动端启动页面优化 Tips
[英] 如何实现基于物理的 UI 动效 (desandro)
写给前端面试者 (@w3cplus)
SVG 图标在移动端的应用 (ljian)
[译] 如何成为一名卓越的前端工程师 (@勾三股四)
前端工程与性能优化(张云龙)
15个响应式设计前端框架
Font Awesome 4 发布
12个超棒的 CSS3 功能(Martin Angelov)
如何打造一个完美的 WebApp 全屏体验?(Paul Kinlan)
学习 CSS 布局
128款 Icon 免费下载
[译] 交互体验优化:4步让移动网站看起来像本地应用(@sheran_兰)
前端技能汇总(@朴灵)
Iconfont - 阿里巴巴矢量图标库
DOM 事件介绍(Wilson Page)
前端编程安全最佳实践
前端 CSS 框架比较
[PDF] 前端自动化工作流(Addy Osmani)
最佳设计工具集
前端开发资源汇总(foru17)
前端开发技术文档汇总
HTML 标准
2014年最受关注的前端开发框架
Web Uploader - 一个简单的现代文件上传组件
[译] CSS3 transition 规范的实际使用经验(magie)
CSS3 悬停特效合集 Hover.css
CSS 动画简介(@ruanyf)
一些有用的 Web 设计师学习资源 (The Smashing Editorial)
响应式设计简明指南 (Adam Kaplan)
JX.Animate - 腾讯出品的轻量级 CSS3 动画库
响应式 Web 图形篇——icon fonts 的探析及应用 (@beenhero)
CSS 魔法书 (Adam Schwartz)
[译] 12 个很少被人知道的 CSS 事实(大圆)
海量前端开发资源 (dypsilon)
前端开发框架对比(王芳侠)
响应式 CSS 框架比较表
[译] 深入浅出 CSS Shape(@寸志)
Web Starter Kit - Google 出品的多设备 Web 开发入门套件
CSS 词汇表(@一丝yisi)
一些值得前端开发者订阅的 RSS 源
让我们再聊聊浏览器资源加载优化(李光毅)
[PDF] UC 前端工程实践