送给前端的你，推荐几篇前端汇总文章。(来自知乎专栏)

拼搏现实的明天。 2022-06-09 05:24 379阅读 0赞

作者：路人甲  
链接：https://zhuanlan.zhihu.com/p/22229868  
来源：知乎  
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

昨天写的文章，一大早发出去点开预览的时候发现格式都错乱了。又急着去上班就把文章给删除了。本来是周一更的习惯也就打破，放到周二去更新了。今天周二，度过了烦人的周一，又开始一个新的工作日。

这篇文章起初是想做：有哪些适合新手练手的前端项目？但是我发现我一个人没法整理，于是正在邀请几位大大朋友在帮忙。所以这个主题暂时空缺一周或是两周，在下周或是下下周的时候可能会补上来。也欢迎各位朋友在学习过程中碰到不错的练习项目可以积极的推荐。

学习编程专栏连载的练手项目篇，如有兴趣可以访问前三篇：

[有哪些适合新手练手的Java项目？ - 学习编程 - 知乎专栏][Java_ - _ -]

[有哪些适合新手练手的Java Web项目？ - 学习编程 - 知乎专栏][Java Web_ - _ -]

[有哪些适合新手练手的Python项目？ - 学习编程 - 知乎专栏][Python_ - _ -]

本篇文章推荐分享五篇关于前端资源汇总的帖子，希望可以帮助到学习前端的你。同时你可以去看一看前端技能树喔：[前端技能][Link 1]

第一篇：[前端收藏夹][Link 2] ，以及他们的github地址：[GitHub - w3ctrain/w3ctrain.github.io: w3ctrian前端收藏夹][GitHub - w3ctrain_w3ctrain.github.io_ w3ctrian]

以下是目录，更多信息请访问他们的主页：

### 前端工具 ###

自动化：[ Gulp][Gulp][ 、 Grunt][Grunt][ 、百度Fis][Fis][ 、Ant][Ant][、Yeoman][Yeoman][、Codekit][Codekit][、Koala][Koala][、Webpack][Webpack]

预编译：[ Slim][Slim]、[Haml、][Haml][Coffeescript、][Coffeescript][Sass、][Sass][BabelJs、][BabelJs][Jade][]、[Less][]、[Stylus][]、[Pleeease、][Pleeease][PostCSS][]、

查找工具：[CssTriggers][][、screensiz.es][screensiz.es][、友盟指数][Link 3][、javascripting][javascripting][、builtwith][builtwith][、thetoolbox][thetoolbox][、stylesheets][stylesheets]

版本控制：[Github][][、GitCafe][GitCafe][、GitLab][GitLab][、Bitbucket][Bitbucket][、Sourcetree][Sourcetree][、Cornerstone][Cornerstone][、版本控制之道][Link 4][、ProGit][ProGit][、廖雪峰的git教程][git][、svn教程][svn]

编辑器：[Sublime Text][][、Atom][Atom][、HBuilder][HBuilder][、WebStorm][WebStorm][、MacDown][MacDown][、UltraEdit][UltraEdit][、ace][ace][、Brackets][Brackets][、LightTable][LightTable][、Visual Studio Code][Visual Studio Code]

在线编辑：[Jsfiddle][][、Codepen][Codepen][、Jsbin][Jsbin][、Runjs][Runjs][、sassmeister][sassmeister]

调试/测试：[Firebug][][、YSlow][YSlow][、IEDeveloperToolbar][IEDeveloperToolbar][、Fiddler][Fiddler][、ChromeDevTools][ChromeDevTools][、JSLint][JSLint][、JSHint][JSHint][、CSSLint][CSSLint][、HTML Validators][HTML Validators][、UnitJS][UnitJS][、Jasmine][Jasmine][、BrowserStack][BrowserStack][、Testem][Testem][、Dalekjs][Dalekjs][、NightWatch][NightWatch][、Hardy][Hardy]

部署流程：[YUI Compressor][][、UglifyJs][UglifyJs][、CleanCss][CleanCss][、JSDoc][JSDoc]

高效工具：[Dash][][、奇妙清单][Link 5][、Omnigraffle][Omnigraffle]

其它：[CodeIf][][、H5Viewer][H5Viewer][、anvil][anvil][、cssmixins][cssmixins][、JSON Server][JSON Server][、ngrok][ngrok][、Glyphter][Glyphter][、CSSStats][CSSStats][、spritegen][spritegen][、placehold.it][placehold.it][、MWeb][MWeb][、browsersync.io][browsersync.io][、kjson.com][kjson.com][、strut.io][strut.io][、Reveal.js][Reveal.js][、iconverticons.com][iconverticons.com][、智图][Link 6][、longshadows][longshadows][、cubic-bezier][cubic-bezier][、browserhacks][browserhacks][、tool.oschina.net][tool.oschina.net][、Pagespeed][Pagespeed][、icomoon.io][icomoon.io][、circulus][circulus][、Mock.js][Mock.js]

### 博客/社区/资讯 ###

国内综合：[w3ctech][][、w3cplus][w3cplus][、w3cfuns][w3cfuns][、前端乱炖][Link 7][、前端观察][Link 8][、segmentfault][segmentfault][、html5tricks][html5tricks][、腾讯ISUX][ISUX][、百度EFE][EFE][、奇舞团][Link 9][、淘宝UED][UED][、前端里][Link 10][、div.io][div.io][、慕课网][Link 11][、Codecademy][Codecademy][、极客标签][Link 12][、InfoQ中国][InfoQ][、WEB前端开发][WEB][、前端开发博客][Link 13][、爱奇舞——H5.vc][H5.vc][、看云][Link 14][、汇智网][Link 15][、伯乐在线][Link 16]

国外综合：[tutsplus][][、CSSAnimation][CSSAnimation][、TeamTreehouse][TeamTreehouse][、SmashingMagazine][SmashingMagazine][、CodyHouse][CodyHouse][、Echojs][Echojs][、Codeschool][Codeschool][、codewars][codewars][、Html5Rocks][Html5Rocks][、SpeakerDeck][SpeakerDeck][、Alistapart][Alistapart][、Lynda][Lynda][、DigitalTutors][DigitalTutors][、Ponyfoo.com][Ponyfoo.com][、tutorialzine][Ponyfoo.com]

前端资讯：[CSS-Tricks][][、WebDesignerNews][WebDesignerNews][、FrontEndFont][FrontEndFont][、Sidebar.io][Sidebar.io][、DesignerNews][DesignerNews]

问答社区：[StackOverflow][][、Quora][Quora][、知乎][Link 17]

每日鲜：[稀土掘金][Link 18][、开发者头条][Link 19][、极客头条、][Link 20][开发头条][Link 21]

前端大牛：[Hugo Giraudel][][、Philip Walton][Philip Walton][、David Walsh][David Walsh][、Sara Soueidan][Sara Soueidan][、Paul Irish][Paul Irish][、玉伯][Link 22][、廖雪峰][Link 23][、阮一峰][Link 24][、勾三股四][Link 25][、张鑫旭][Link 26][、余果][Link 27][、Sofish][Sofish][、糖饼][Link 28][、Evan You][Evan You][、Darren\_聂微东][Darren][、司徒正美][Link 29][、CSS魔法][CSS]

### 各类插件 ###

滑动/视差：[fullPage][][、swiper][swiper][、Slick][Slick][、sliderjs][sliderjs][、hammer.js][hammer.js][、unslider][unslider][、Superscrollorama][Superscrollorama][、ScrollMagic][ScrollMagic][、WOW][WOW][、skrollr][skrollr][、stellar.js][stellar.js][、multiscroll.js][multiscroll.js][、iscroll][iscroll][、dragula][dragula][、waypoints][waypoints]

动画/效果：[popmotion][][、velocity][velocity][、GreenSock-JS][GreenSock-JS][、Snapsvg][Snapsvg][、sketch.js][sketch.js][、impress][impress][、blast.js][blast.js][、sticky][sticky][、Colorify.js][Colorify.js][、nprogress][nprogress][、Mojs][Mojs][、skrollr][skrollr 1][、typed.js][typed.js][、Effeckt.css][Effeckt.css][、Hover.css][Hover.css][、Animatable][Animatable][、Animate.css][Animate.css][、CSS3 Animation Cheat Sheet][CSS3 Animation Cheat Sheet][、pagePiling.js][pagePiling.js][、headroom.js][headroom.js][、hint.css][hint.css][、SpinKit][SpinKit][、CircularProgressButton][CircularProgressButton][、css-loaders][css-loaders][、pace][pace][、two.js][two.js][、Sequence][Sequence][、ElasticProgress][ElasticProgress][、CSSgram][CSSgram]

兼容：[Modernizr][][、bowser][bowser][、retinajs][retinajs][、picturefill][picturefill][、Normalize.css][Normalize.css][、Respond][Respond][、html5shiv][html5shiv][、box-sizing-polyfill][box-sizing-polyfill][、elementQuery][elementQuery][、css-element-queries][css-element-queries]

Chrome：[clear-cache][][、EditThisCookie][EditThisCookie][、Full Page Screen Capture][Full Page Screen Capture][、HTML5 Outliner][HTML5 Outliner][、JSONView][JSONView][、Postman][Postman][、User-Agent Switcher for Chrome][User-Agent Switcher for Chrome][、Window Resizer][Window Resizer][、页面自动刷新][Link 30][、Chrome Sniffer Plus][Chrome Sniffer Plus]

模板工具：[Handlebars][][、Mustache][Mustache][、artTemplate][artTemplate][、nunjucks][nunjucks][、transparency][transparency][、doT][doT]

其他：[zxcvbn][][、Validation][Validation][、moment][moment][、primer][primer][、Please.js][Please.js][、qrcode][qrcode][、dynamics.js][dynamics.js][、smartcrop.js][smartcrop.js][、lazyload][lazyload][、imagesloaded][imagesloaded][、unveil][unveil][、fastclick][fastclick][、jQuery Form Plugin][jQuery Form Plugin][、jQuery-File-Upload][jQuery-File-Upload][、sweetalert][sweetalert][、toolbar][toolbar][、tooltipster][tooltipster][、video.js][video.js][、Font-Awesome][Font-Awesome][、minigrid][minigrid][、bricks.js][minigrid]

### 主流框架 ###

综合：[React][][、Bootstrap][Bootstrap][、Foundation][Foundation][、SemanticUI][SemanticUI][、Purecss][Purecss][、UIKit][UIKit][、妹子 UI][UI][、Alice][Alice][、materialize][materialize][、material-design-lite][material-design-lite][、Html5Boilerplate][Html5Boilerplate][、Material design][Material design][、Lightning Design System][Lightning Design System][、Vux][Vux]

MVVM：[AngularJS][][、Vue.js][Vue.js][、Backbone][Backbone][、Avalon][Avalon][、knockout][knockout]

模块化：[Require.js][][、Sea.js][Sea.js]

JavaScript：[JQuery][][、Zepto][Zepto][、prototypejs][prototypejs][、emberjs][emberjs][、MooTools][MooTools][、Dojo][Dojo][、meteor][meteor][、Domcom][Domcom]

Hybrid：[React-Native][][、Nativescript][Nativescript][、Phonegap][Phonegap][、Ionic][Ionic][、Crosswalk][Crosswalk][、Meteor][Meteor][、Electron][Electron]

游戏：[Construct 2][][、ImpactJS][ImpactJS][、CreateJS][CreateJS][、Three.js][Three.js][、PlayCanvas][PlayCanvas][、Pixi][Pixi][、Hilo][Hilo]

### 手册/书籍 ###

书籍：[《JavaScript高级程序设计（第3版）》][JavaScript_3][、《单页Web应用:JavaScript从前端到后端》][Web_JavaScript][、《JavaScript语言精粹》][JavaScript][、《JavaScript DOM编程艺术 （第2版）》][JavaScript DOM_ _2][、《编写可维护的JavaScript》][JavaScript 1][、《Web全栈工程师的自我修养》][Web][、《深入浅出Node.js》][Node.js][、《响应式Web设计》][Web 1][、《精通CSS》][CSS 1][、《高性能JavaScript》][JavaScript 2][、《You-Dont-Know-JS》][You-Dont-Know-JS]

快速入门：[学习CSS布局][CSS 2][、Learn to Code HTML & CSS][Learn to Code HTML _ CSS][、Learn to Code AdvancedHTML & CSS][Learn to Code AdvancedHTML _ CSS][、前端技能树][Link 31]

精选文章：[如何跟上前端开发的最新前沿][Link 32][、移动H5前端性能优化指南][H5][、那些过目不忘的H5页面][H5 1][、玩转HTML5移动页面][HTML5][、MobileWeb 适配总结][MobileWeb][、搞定这些疑难杂症，向css3动画说yes][css3_yes]

手册/规范：[前端开发者手册][Link 33][、前端开发笔记本][Link 34][、Material Design 中文版][Material Design][、CSS规范][CSS 3][、JavaScript Style Guide][JavaScript Style Guide][、Sass规范][Sass 1][、ECMAScript3/5][ECMAScript3_5][、ECMAScript6][ECMAScript6][、W3C][W3C][、CommonJS Modules][CommonJS Modules]

翻译文章：[学习flexbox属性][flexbox][、使用Velocity.js改善用户体验][Velocity.js]

### 设计/交互 ###

灵感来源：[Dribbble][][、SiteInspire][SiteInspire][、Httpster][Httpster][、设计达人][Link 35][、PhotoshopLady][PhotoshopLady][、站酷][Link 36][、UI中国][UI 1][、uiparade][uiparade][、365psd][365psd][、Behance][Behance][、Naldz Graphics][Naldz Graphics][、mobile-patterns][mobile-patterns][、wa.design][wa.design][、pinterest][pinterest][、花瓣][Link 37][、堆糖][Link 38][、觅处][Link 39][、视觉中国][Link 40]

学点设计：[TutsplusDesign][][、优设网][Link 41][、PSDFAN][PSDFAN][、Envato][TutsplusDesign][、abduzeedo][abduzeedo][、Interactive Guide to Blog Typography][Interactive Guide to Blog Typography][、24Ways][24Ways]

交互体验：[Navnav][][、Codyhouse][Codyhouse][、腾讯ISUX][ISUX][、淘宝UED][UED 1][、阿里巴巴中文站][Link 42][、阿里巴巴国际站][Link 43][、阿里妈妈UED][UED 2][、百度移动用户体验部][Link 44][、百度搜索用户体验中心][Link 45][、腾讯TGideas][TGideas][、腾讯MXD][MXD][、腾讯UED][UED 3][、腾讯CDC][CDC][、新浪UDC][UDC][、迅雷CUED][CUED][、uxbooth][uxbooth][、tympanus][tympanus]

配色工具：[Adobe color][][、FLATUI][FLATUI][、Thedayscolor][Thedayscolor][、colrd][colrd][、Nipponcolors][Nipponcolors][、Nolourlovers][Nolourlovers][、中国传统色][Link 46][、日本传统色][Link 47][、Fashiontrendsetter][Fashiontrendsetter]

第二篇：[github上值得关注的前端项目][github] 以及他们的github地址，欢迎关注：[GitHub - hawx1993/github-FE-project: A collection about github front-end project][GitHub - hawx1993_github-FE-project_ A collection about github front-end project]

一小部分目录

## 综合/资源 ##

[frontend-dev-bookmarks][] 一个巨大的前端开发资源清单。star:15000

[front-end-collect][] 分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。star:860

[Front-end-Interview-questions][] 史上最全前端开发面试问题及答案

[f2e-hub][] 包含Animation，UI，dialog，Carousels，color，image，workflow等。star:100

[awesome-javascript][] 一系列很棒的javascript 库，资源。star:3100

[fks][] 前端技能汇总，包含前端知识架构，后端知识，linux，书籍推荐等。star:4000

[node123][] node.js中文资料导航。star:1200

[mobile-web-favorites][] 移动端web开发收藏夹。star:200

[gulp-book][] Gulp 入门指南

[Front-end-tutorial][] 最全的资源教程-前端涉及的所有知识体系。（12.25更新）

## canvas/数据可视化 ##

[echarts][] 基于Canvas，纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。star:6900

[Chart.js][] 使用<canvas>标签的简易HTML5图表。star:14600

[sketch.js][sketch.js 1] 跨平台JavaScript创意编码框架，gzip压缩后仅有2kb。star:1500

[d3][] 一个基于数据操作文档的js数据可视化框架，最流行的可视化库之一。star:38000

[zrender][] 一个轻量级的Canvas类库，MVC封装，数据驱动，提供类DOM事件模型，让canvas绘图大不同！star:850

[c3][] 一个基于 D3.js 的可重用 JavaScript 图表库。几乎零学习曲线。star:4.5K（6.28更新）

[img2css][] 将图片转为纯css代码。（11.3更新）

第三篇：网站：[『引』最全前端资源汇集][Link 48]（更新网址），github地址：[GitHub - JacksonTian/fks: 前端技能汇总 Frontend Knowledge Structure][fks] （github地址），号称最全的资源教程－前端涉及的所有知识体系。

部分目录（此处所有目录链接到主页），详细信息请访问具体网址和github

[1 · 综合类][1 _]  
[2 · 入门类][1 _]  
[3 · 工具类][1 _]  
[4 · 综合效果搜索平台][1 _]  
[5 · 团队Blog|周报类][1 _]  
[6 · 开发中心][1 _]  
[7 · Nodejs][1 _]  
[8 · 综合API][1 _]  
[9 · Ecmascript][1 _]  
[10 · Js template][1 _]  
[11 · HTML5(HTML)][1 _]  
[12 · CSS3(CSS)][1 _]  
[13 · Angularjs][1 _]  
[14 · React][1 _]  
[15 · vue][1 _]  
[16 · 移动端API][1 _]  
[17 · jQuery][1 _]  
[18 · D3][1 _]  
[19 · Requriejs][1 _]  
[20 · Seajs][1 _]  
[21 · Less,sass][1 _]  
[22 · Markdown][1 _]  
[23 · 兼容性][1 _]  
[24 · UI相关][1 _]  
[25 · 其它API][1 _]  
[26 · 图表类][1 _]  
[27 · 正则][1 _]  
[28 · 前端规范][1 _]  
[29 · PHP][1 _]  
[30 · 各大公司开源项目][1 _]  
[31 · 常用][1 _]  
[32 · 算法][1 _]  
[33 · 移动端][1 _]  
[34 · JSON][1 _]  
[35 · 焦点图][1 _]  
[36 · Ext, EasyUI, J-UI 及其它各种UI方案][1 _]  
[37 · 页面 社会化 分享功能][1 _]  
[38 · 富文本编辑器][1 _]  
[39 · 前端概述][1 _]  
[40 · Gulp][1 _]  
[41 · Grunt][1 _]  
[42 · Fis][1 _]  
[43 · pc图轮][1 _]  
[44 · 移动端图轮][1 _]  
[45 · 文件上传][1 _]  
[46 · 模拟select][1 _]  
[47 · 取色插件][1 _]  
[48 · 城市联动][1 _]  
[49 · 剪贴板][1 _]  
[50 · 简繁转换][1 _]  
[51 · 表格 Grid][1 _]  
[52 · 在线演示][1 _]  
[53 · 常规优化][1 _]  
[54 · 优化工具][1 _]  
[55 · 在线工具][1 _]  
[56 · 前端架构][1 _]  
[57 · 推荐作品][1 _]  
[58 · 简历模板][1 _]  
[59 · 面试题][1 _]  
[60 · iconfont][1 _]  
[61 · Fiddler][1 _]  
[62 · Chrome][1 _]  
[63 · Firebug][1 _]  
[64 · 移动,微信调试][1 _]  
[65 · iOS Simulator][1 _]  
[66 · Image][1 _]  
[67 · 浏览器同步][1 _]  
[68 · 在线PPT制作][1 _]  
[69 · 前端导航网站][1 _]  
[70 · 常用CDN][1 _]  
[71 · Git][1 _]  
[72 · 各种日期日历][1 _]  
[73 · Date library][1 _]  
[74 · 其它][1 _]  
[75 · 效果类][1 _]  
[76 · 弹出层][1 _]  
[77 · 优秀JavaScript项目][1 _]

第四篇： 网站[Github资源收集][Github 1] ，此篇没有找到github地址，作者整理了自己在Github中的starred项目可以直接在此网站进行访问。

部分目录：

[Github资源收集 -- HTML/CSS][Github_ -- HTML_CSS]  
[Github资源收集 -- Shim/Polyfill][Github_ -- Shim_Polyfill]  
[Github资源收集 -- 可能是常用的工具库][Github_ --]  
[Github资源收集 -- 代码处理工具 ][Github_ -- 1]  
[Github资源收集 -- 移动端][Github_ -- 2]  
[Github资源收集 -- 测试框架和断言库][Github_ -- 3]  
[Github资源收集 -- Node.js][Github_ -- Node.js]  
[Github资源收集 -- 模板引擎][Github_ -- 4]  
[Github资源收集 -- 数据可视化][Github_ -- 5]  
[Github资源收集 -- React及相关库][Github_ -- React]  
[Github资源收集 -- Angular.js][Github_ -- Angular.js]  
[Github资源收集 -- 其他优秀js框架][Github_ -- _js]  
[Github资源收集 -- 函数式编程相关][Github_ -- 6] ..............

第五篇：maybe你得英语水平比较高，你可以看这里：[史上最全GitHub前端开发集锦][GitHub]。同样，他的github地址：[GitHub - sindresorhus/awesome: Curated list of awesome lists][GitHub - sindresorhus_awesome_ Curated list of awesome lists]

[Java_ - _ -]: https://zhuanlan.zhihu.com/p/22062736?refer=passer
[Java Web_ - _ -]: https://zhuanlan.zhihu.com/p/22112669?refer=passer
[Python_ - _ -]: https://zhuanlan.zhihu.com/p/22164270?refer=passer
[Link 1]: http://html5ify.com/fks/fks_chart/
[Link 2]: http://collect.w3ctrain.com/
[GitHub - w3ctrain_w3ctrain.github.io_ w3ctrian]: https://github.com/w3ctrain/w3ctrain.github.io
[Gulp]: http://gulpjs.com/
[Grunt]: http://gruntjs.com/
[Fis]: http://fis.baidu.com/
[Ant]: http://ant.apache.org/
[Yeoman]: http://yeoman.io/
[Codekit]: https://incident57.com/codekit/
[Koala]: https://github.com/oklai/koala
[Webpack]: https://webpack.github.io/
[Slim]: https://github.com/slim-template/slim
[Haml]: https://github.com/haml/haml
[Coffeescript]: https://github.com/jashkenas/coffeescript
[Sass]: http://sass-lang.com/
[BabelJs]: https://babeljs.io/
[Jade]: https://github.com/jadejs/jade
[Less]: http://lesscss.org/
[Stylus]: https://github.com/stylus/stylus
[Pleeease]: http://pleeease.io/
[PostCSS]: https://github.com/postcss/postcss
[CssTriggers]: http://csstriggers.com/
[screensiz.es]: http://screensiz.es/phone
[Link 3]: http://www.umindex.com/devices/android_resolutions
[javascripting]: http://www.javascripting.com/
[builtwith]: http://builtwith.com/
[thetoolbox]: http://thetoolbox.cc/
[stylesheets]: https://stylesheets.co/
[Github]: https://github.com/
[GitCafe]: https://gitcafe.com/
[GitLab]: https://about.gitlab.com/
[Bitbucket]: https://bitbucket.org/
[Sourcetree]: https://www.sourcetreeapp.com/
[Cornerstone]: https://www.zennaware.com/cornerstone/index.php
[Link 4]: http://book.douban.com/subject/4813786/
[ProGit]: http://iissnan.com/progit/
[git]: http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000
[svn]: http://tortoisesvn.net/index.zh.html
[Sublime Text]: http://www.sublimetext.com/
[Atom]: https://atom.io/
[HBuilder]: http://www.dcloud.io/index.html
[WebStorm]: https://www.jetbrains.com/webstorm/
[MacDown]: http://macdown.uranusjr.com/
[UltraEdit]: http://www.ultraedit.com/
[ace]: https://github.com/ajaxorg/ace
[Brackets]: http://brackets.io/
[LightTable]: http://www.lighttable.com/
[Visual Studio Code]: https://code.visualstudio.com/
[Jsfiddle]: http://jsfiddle.net/
[Codepen]: http://codepen.io/
[Jsbin]: http://jsbin.com/
[Runjs]: http://runjs.cn/
[sassmeister]: http://sassmeister.com/
[Firebug]: http://getfirebug.com/
[YSlow]: http://developer.yahoo.com/yslow/
[IEDeveloperToolbar]: http://www.microsoft.com/en-us/download/details.aspx%3Fid%3D18359
[Fiddler]: http://www.fiddler2.com/fiddler2/
[ChromeDevTools]: https://developer.chrome.com/devtools
[JSLint]: http://www.jslint.com/
[JSHint]: http://www.jshint.com/
[CSSLint]: http://csslint.net/
[HTML Validators]: https://validator.whatwg.org/
[UnitJS]: http://unitjs.com/
[Jasmine]: http://jasmine.github.io/
[BrowserStack]: http://www.browserstack.com/
[Testem]: https://github.com/airportyh/testem
[Dalekjs]: https://github.com/dalekjs
[NightWatch]: https://github.com/beatfactor/nightwatch
[Hardy]: https://github.com/thingsinjars/Hardy
[YUI Compressor]: http://developer.yahoo.com/yui/compressor/
[UglifyJs]: https://github.com/mishoo/UglifyJS
[CleanCss]: https://github.com/GoalSmashers/clean-css
[JSDoc]: https://github.com/jsdoc3/jsdoc
[Dash]: https://kapeli.com/dash
[Link 5]: https://www.wunderlist.com/zh/
[Omnigraffle]: https://www.omnigroup.com/omnigraffle/
[CodeIf]: http://unbug.github.io/codelf
[H5Viewer]: https://tonytony.club/tool/h5viewer/index.html
[anvil]: http://anvilformac.com/
[cssmixins]: https://github.com/wagerfield/cssmixins
[JSON Server]: https://github.com/typicode/json-server
[ngrok]: https://ngrok.com/
[Glyphter]: https://glyphter.com/
[CSSStats]: http://www.cssstats.com/
[spritegen]: http://spritegen.website-performance.org/
[placehold.it]: http://placehold.it/
[MWeb]: http://zh.mweb.im/
[browsersync.io]: http://www.browsersync.io/
[kjson.com]: http://www.kjson.com/
[strut.io]: http://strut.io/editor/index.html
[Reveal.js]: https://github.com/hakimel/reveal.js
[iconverticons.com]: https://iconverticons.com/online/
[Link 6]: http://zhitu.isux.us/
[longshadows]: http://sandbox.juan-i.com/longshadows/
[cubic-bezier]: http://cubic-bezier.com/
[browserhacks]: http://browserhacks.com/
[tool.oschina.net]: http://tool.oschina.net/commons
[Pagespeed]: https://developers.google.com/speed/pagespeed/insights/
[icomoon.io]: https://icomoon.io/
[circulus]: http://sarasoueidan.com/tools/circulus/
[Mock.js]: http://mockjs.com/
[w3ctech]: http://www.w3ctech.com/
[w3cplus]: http://www.w3cplus.com/
[w3cfuns]: http://www.w3cfuns.com/
[Link 7]: http://www.html-js.com/
[Link 8]: http://www.qianduan.net/
[segmentfault]: http://segmentfault.com/
[html5tricks]: http://www.html5tricks.com/
[ISUX]: http://isux.tencent.com/
[EFE]: http://efe.baidu.com/
[Link 9]: http://www.75team.com/
[UED]: http://ued.taobao.org/blog/
[Link 10]: http://www.yyyweb.com/
[div.io]: http://div.io/
[Link 11]: http://www.imooc.com/
[Codecademy]: https://www.codecademy.com/zh/
[Link 12]: http://www.gbtags.com/
[InfoQ]: http://www.infoq.com/cn
[WEB]: http://www.css88.com/
[Link 13]: http://caibaojian.com/
[H5.vc]: http://wx.h5.vc/
[Link 14]: http://www.kancloud.cn/explore
[Link 15]: http://www.nohubwiz.com/
[Link 16]: http://blog.jobbole.com/
[tutsplus]: http://tutsplus.com/
[CSSAnimation]: https://cssanimation.rocks/
[TeamTreehouse]: https://teamtreehouse.com/
[SmashingMagazine]: http://www.smashingmagazine.com/
[CodyHouse]: https://codyhouse.co/
[Echojs]: http://www.echojs.com/
[Codeschool]: https://www.codeschool.com/
[codewars]: http://www.codewars.com/
[Html5Rocks]: http://www.html5rocks.com/
[SpeakerDeck]: https://speakerdeck.com/
[Alistapart]: http://alistapart.com/
[Lynda]: http://www.lynda.com/
[DigitalTutors]: http://www.digitaltutors.com/
[Ponyfoo.com]: http://tutorialzine.com/
[CSS-Tricks]: https://css-tricks.com/
[WebDesignerNews]: http://www.webdesignernews.com/
[FrontEndFont]: http://frontendfront.com/
[Sidebar.io]: http://sidebar.io/
[DesignerNews]: https://www.designernews.co/
[StackOverflow]: http://stackoverflow.com/
[Quora]: https://www.quora.com/
[Link 17]: http://www.zhihu.com/
[Link 18]: http://gold.xitu.io/
[Link 19]: http://toutiao.io/
[Link 20]: http://geek.csdn.net/
[Link 21]: http://www.devtoutiao.com/
[Hugo Giraudel]: http://hugogiraudel.com/
[Philip Walton]: http://philipwalton.com/
[David Walsh]: https://davidwalsh.name/
[Sara Soueidan]: http://sarasoueidan.com/
[Paul Irish]: http://www.paulirish.com/
[Link 22]: https://github.com/lifesinger
[Link 23]: http://www.liaoxuefeng.com/
[Link 24]: http://www.ruanyifeng.com/blog/
[Link 25]: http://jiongks.name/
[Link 26]: http://www.zhangxinxu.com/wordpress/
[Link 27]: http://yuguo.us/weblog/
[Sofish]: http://sofi.sh/
[Link 28]: https://github.com/aui
[Evan You]: http://evanyou.me/
[Darren]: http://www.cnblogs.com/Darren_code/
[Link 29]: http://www.cnblogs.com/rubylouvre/
[CSS]: https://github.com/cssmagic
[fullPage]: https://github.com/alvarotrigo/fullPage.js
[swiper]: http://www.idangero.us/swiper/%23.VjdI0a4rKRs
[Slick]: http://kenwheeler.github.io/slick/
[sliderjs]: http://slidesjs.com/
[hammer.js]: https://github.com/hammerjs/hammer.js
[unslider]: https://github.com/idiot/unslider
[Superscrollorama]: https://github.com/johnpolacek/superscrollorama
[ScrollMagic]: https://github.com/janpaepke/ScrollMagic
[WOW]: https://github.com/matthieua/WOW
[skrollr]: http://prinzhorn.github.io/skrollr/
[stellar.js]: https://github.com/markdalgleish/stellar.js
[multiscroll.js]: https://github.com/alvarotrigo/multiscroll.js
[iscroll]: https://github.com/cubiq/iscroll
[dragula]: https://github.com/bevacqua/dragula
[waypoints]: https://github.com/imakewebthings/waypoints
[popmotion]: https://github.com/Popmotion/popmotion
[velocity]: https://github.com/julianshapiro/velocity
[GreenSock-JS]: https://github.com/greensock/GreenSock-JS
[Snapsvg]: http://snapsvg.io/
[sketch.js]: http://soulwire.github.io/sketch.js/
[impress]: https://github.com/impress/impress.js
[blast.js]: https://github.com/julianshapiro/blast
[sticky]: https://github.com/garand/sticky
[Colorify.js]: http://colorify.rocks/index.html
[nprogress]: https://github.com/rstacruz/nprogress
[Mojs]: https://github.com/legomushroom/mojs
[skrollr 1]: https://github.com/Prinzhorn/skrollr
[typed.js]: https://github.com/mattboldt/typed.js
[Effeckt.css]: https://github.com/h5bp/Effeckt.css
[Hover.css]: http://ianlunn.github.io/Hover/
[Animatable]: http://leaverou.github.io/animatable/
[Animate.css]: https://daneden.github.io/animate.css/
[CSS3 Animation Cheat Sheet]: http://www.justinaguilar.com/animations/index.html
[pagePiling.js]: https://github.com/alvarotrigo/pagePiling.js
[headroom.js]: https://github.com/WickyNilliams/headroom.js
[hint.css]: https://github.com/chinchang/hint.css
[SpinKit]: https://github.com/tobiasahlin/SpinKit
[CircularProgressButton]: https://github.com/codrops/CircularProgressButton
[css-loaders]: https://github.com/lukehaas/css-loaders
[pace]: https://github.com/HubSpot/pace
[two.js]: https://github.com/jonobr1/two.js
[Sequence]: https://github.com/IanLunn/Sequence
[ElasticProgress]: https://github.com/codrops/ElasticProgress
[CSSgram]: http://una.im/CSSgram/
[Modernizr]: https://github.com/Modernizr/Modernizr
[bowser]: https://github.com/ded/bowser
[retinajs]: https://github.com/imulus/retinajs
[picturefill]: https://github.com/scottjehl/picturefill
[Normalize.css]: https://github.com/necolas/normalize.css
[Respond]: https://github.com/scottjehl/Respond
[html5shiv]: https://github.com/aFarkas/html5shiv
[box-sizing-polyfill]: https://github.com/Schepp/box-sizing-polyfill
[elementQuery]: https://github.com/tysonmatanich/elementQuery
[css-element-queries]: https://github.com/marcj/css-element-queries
[clear-cache]: https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn
[EditThisCookie]: http://www.editthiscookie.com/
[Full Page Screen Capture]: https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl
[HTML5 Outliner]: https://chrome.google.com/webstore/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo
[JSONView]: https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc
[Postman]: https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop
[User-Agent Switcher for Chrome]: https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg
[Window Resizer]: https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh
[Link 30]: https://chrome.google.com/webstore/detail/auto-refresh-page/edbmfligbmlgmfbbhoamolndhjffanka
[Chrome Sniffer Plus]: https://chrome.google.com/webstore/detail/chrome-sniffer-plus/fhhdlnnepfjhlhilgmeepgkhjmhhhjkh%3Fhl%3Dzh-CN
[Handlebars]: https://github.com/wycats/handlebars.js/
[Mustache]: https://github.com/janl/mustache.js/
[artTemplate]: https://github.com/aui/artTemplate
[nunjucks]: https://github.com/mozilla/nunjucks
[transparency]: https://github.com/leonidas/transparency
[doT]: https://github.com/olado/doT
[zxcvbn]: https://github.com/dropbox/zxcvbn
[Validation]: http://jqueryvalidation.org/
[moment]: https://github.com/moment/moment
[primer]: https://github.com/primer/primer
[Please.js]: http://www.checkman.io/please/
[qrcode]: https://github.com/davidshimjs/qrcodejs
[dynamics.js]: https://github.com/michaelvillar/dynamics.js
[smartcrop.js]: https://github.com/jwagner/smartcrop.js
[lazyload]: https://github.com/tuupola/jquery_lazyload
[imagesloaded]: https://github.com/desandro/imagesloaded
[unveil]: https://github.com/luis-almeida/unveil
[fastclick]: https://github.com/ftlabs/fastclick
[jQuery Form Plugin]: https://github.com/malsup/form
[jQuery-File-Upload]: https://github.com/blueimp/jQuery-File-Upload
[sweetalert]: https://github.com/t4t5/sweetalert
[toolbar]: https://github.com/paulkinzett/toolbar
[tooltipster]: https://github.com/iamceege/tooltipster
[video.js]: https://github.com/videojs/video.js
[Font-Awesome]: https://github.com/FortAwesome/Font-Awesome
[minigrid]: http://callmecavs.com/bricks.js/
[React]: http://facebook.github.io/react/
[Bootstrap]: http://getbootstrap.com/
[Foundation]: http://foundation.zurb.com/
[SemanticUI]: http://semantic-ui.com/
[Purecss]: http://purecss.io/
[UIKit]: http://getuikit.com/
[UI]: http://meizi.io/
[Alice]: http://aliceui.org/
[materialize]: https://github.com/Dogfalo/materialize
[material-design-lite]: https://github.com/google/material-design-lite
[Html5Boilerplate]: https://html5boilerplate.com/
[Material design]: https://www.google.com/design/spec/material-design/introduction.html%23
[Lightning Design System]: https://www.lightningdesignsystem.com/
[Vux]: https://github.com/airyland/vux
[AngularJS]: https://angularjs.org/
[Vue.js]: http://vuejs.org/guide/
[Backbone]: http://backbonejs.org/
[Avalon]: https://github.com/RubyLouvre/avalon
[knockout]: https://github.com/knockout/knockout
[Require.js]: https://github.com/jrburke/requirejs
[Sea.js]: http://seajs.org/
[JQuery]: http://jquery.com/
[Zepto]: https://github.com/madrobby/zepto
[prototypejs]: http://prototypejs.org/
[emberjs]: http://emberjs.com/
[MooTools]: http://mootools.net/
[Dojo]: http://dojotoolkit.org/
[meteor]: https://www.meteor.com/
[Domcom]: https://github.com/taijiweb/domcom
[React-Native]: http://facebook.github.io/react-native/
[Nativescript]: https://www.nativescript.org/
[Phonegap]: http://phonegap.com/
[Ionic]: http://ionicframework.com/
[Crosswalk]: https://crosswalk-project.org/
[Meteor]: https://github.com/meteor/meteor
[Electron]: https://github.com/atom/electron
[Construct 2]: https://www.scirra.com/
[ImpactJS]: http://impactjs.com/
[CreateJS]: http://createjs.com/
[Three.js]: http://threejs.org/
[PlayCanvas]: https://playcanvas.com/
[Pixi]: https://github.com/pixijs/pixi.js
[Hilo]: https://github.com/hiloteam/hilo
[JavaScript_3]: https://book.douban.com/subject/10546125/
[Web_JavaScript]: http://www.amazon.cn/gp/product/B00NN8GJGA
[JavaScript]: http://book.douban.com/subject/3590768/
[JavaScript DOM_ _2]: http://book.douban.com/subject/6038371/
[JavaScript 1]: http://book.douban.com/subject/21792530/
[Web]: http://book.douban.com/subject/26598045/
[Node.js]: http://book.douban.com/subject/25768396/
[Web 1]: http://book.douban.com/subject/20390374/
[CSS 1]: http://book.douban.com/subject/4736167/
[JavaScript 2]: http://book.douban.com/subject/5362856/
[You-Dont-Know-JS]: https://github.com/getify/You-Dont-Know-JS
[CSS 2]: http://zh.learnlayout.com/index.html
[Learn to Code HTML _ CSS]: http://learn.shayhowe.com/html-css/
[Learn to Code AdvancedHTML _ CSS]: http://learn.shayhowe.com/advanced-html-css/
[Link 31]: http://skill.phodal.com/
[Link 32]: https://uptodate.frontendrescue.org/zh/
[H5]: http://isux.tencent.com/h5-performance.html/
[H5 1]: http://isux.tencent.com/great-mobile-h5-pages.html
[HTML5]: http://www.tqtan.com/2015/01/31/play-with-h5/
[MobileWeb]: http://www.w3ctech.com/topic/979
[css3_yes]: http://imweb.io/topic/5643850eed18cc424277050e
[Link 33]: https://dwqs.gitbooks.io/frontenddevhandbook/content/index.html
[Link 34]: https://li-xinyang.gitbooks.io/frontend-notebook/content/index.html
[Material Design]: http://wiki.jikexueyuan.com/project/material-design/
[CSS 3]: http://cssguidelin.es/
[JavaScript Style Guide]: https://github.com/airbnb/javascript
[Sass 1]: http://sass-guidelin.es/
[ECMAScript3_5]: http://www.ecma-international.org/publications/standards/Ecma-262.htm
[ECMAScript6]: http://www.ecma-international.org/ecma-262/6.0/index.html
[W3C]: http://www.w3.org/TR/
[CommonJS Modules]: http://wiki.commonjs.org/wiki/Modules/1.0
[flexbox]: http://www.w3ctrain.com/2015/11/12/visual-guide-to-css3-flexbox-flexbox-playground/
[Velocity.js]: http://www.w3ctrain.com/2015/11/15/faster-ui-animations-with-velocity-js/
[Dribbble]: https://dribbble.com/
[SiteInspire]: http://www.siteinspire.com/
[Httpster]: http://httpster.net/
[Link 35]: http://www.shejidaren.com/
[PhotoshopLady]: http://www.photoshoplady.com/
[Link 36]: http://www.zcool.com.cn/
[UI 1]: http://www.ui.cn/
[uiparade]: http://www.uiparade.com/
[365psd]: http://cn.365psd.com/
[Behance]: https://www.behance.net/
[Naldz Graphics]: http://naldzgraphics.net/
[mobile-patterns]: http://www.mobile-patterns.com/
[wa.design]: http://www.huwayway.com/index.html
[pinterest]: https://www.pinterest.com/categories/design/
[Link 37]: http://huaban.com/cc
[Link 38]: http://www.duitang.com/
[Link 39]: https://www.meet-true.com/
[Link 40]: http://shijue.me/home
[TutsplusDesign]: http://design.tutsplus.com/
[Link 41]: http://www.uisdc.com/
[PSDFAN]: http://psd.fanextra.com/
[abduzeedo]: http://abduzeedo.com/
[Interactive Guide to Blog Typography]: http://www.kaikkonendesign.fi/typography/%23section/1
[24Ways]: https://24ways.org/2015/
[Navnav]: http://navnav.co/
[Codyhouse]: https://codyhouse.co/library
[UED 1]: http://ued.taobao.com/
[Link 42]: http://www.aliued.cn/
[Link 43]: http://www.aliued.com/
[UED 2]: http://ued.alimama.com/
[Link 44]: http://mux.baidu.com/
[Link 45]: http://ued.baidu.com/
[TGideas]: http://tgideas.qq.com/
[MXD]: http://mxd.tencent.com/
[UED 3]: http://ued.qq.com/
[CDC]: http://cdc.tencent.com/
[UDC]: http://udc.weibo.com/
[CUED]: http://cued.xunlei.com/
[uxbooth]: http://www.uxbooth.com/articles/
[tympanus]: http://tympanus.net/codrops/
[Adobe color]: https://color.adobe.com/zh/create/color-wheel/
[FLATUI]: http://flatuicolors.com/
[Thedayscolor]: http://www.thedayscolor.com/
[colrd]: http://colrd.com/
[Nipponcolors]: http://nipponcolors.com/
[Nolourlovers]: http://www.colourlovers.com/
[Link 46]: http://color.uisdc.com/
[Link 47]: http://www.birthdaycolors.jp/
[Fashiontrendsetter]: http://www.fashiontrendsetter.com/
[github]: https://segmentfault.com/a/1190000002804472%23articleHeader7
[GitHub - hawx1993_github-FE-project_ A collection about github front-end project]: https://github.com/hawx1993/github-FE-project
[frontend-dev-bookmarks]: https://github.com/dypsilon/frontend-dev-bookmarks
[front-end-collect]: https://github.com/foru17/front-end-collect
[Front-end-Interview-questions]: https://github.com/hawx1993/Front-end-Interview-questions
[f2e-hub]: https://github.com/lvwzhen/f2e-hub
[awesome-javascript]: https://github.com/sorrycc/awesome-javascript
[fks]: https://github.com/JacksonTian/fks
[node123]: https://github.com/youyudehexie/node123
[mobile-web-favorites]: https://github.com/hoosin/mobile-web-favorites
[gulp-book]: https://github.com/nimojs/gulp-book
[Front-end-tutorial]: https://github.com/AutumnsWind/Front-end-tutorial
[echarts]: https://github.com/ecomfe/echarts
[Chart.js]: https://github.com/nnnick/Chart.js
[sketch.js 1]: https://github.com/soulwire/sketch.js
[d3]: https://github.com/mbostock/d3
[zrender]: https://github.com/ecomfe/zrender
[c3]: https://github.com/masayuki0812/c3
[img2css]: https://github.com/javierbyte/img2css
[Link 48]: http://www.jeffjade.com/2016/03/30/104-front-end-tutorial/
[1 _]: http://www.jeffjade.com/2016/03/30/104-front-end-tutorial/%23
[Github 1]: https://segmentfault.com/a/1190000003510001
[Github_ -- HTML_CSS]: https://segmentfault.com/a/1190000003510001%23articleHeader0
[Github_ -- Shim_Polyfill]: https://segmentfault.com/a/1190000003510001%23articleHeader1
[Github_ --]: https://segmentfault.com/a/1190000003510001%23articleHeader2
[Github_ -- 1]: https://segmentfault.com/a/1190000003510001%23articleHeader3
[Github_ -- 2]: https://segmentfault.com/a/1190000003510001%23articleHeader4
[Github_ -- 3]: https://segmentfault.com/a/1190000003510001%23articleHeader5
[Github_ -- Node.js]: https://segmentfault.com/a/1190000003510001%23articleHeader6
[Github_ -- 4]: https://segmentfault.com/a/1190000003510001%23articleHeader7
[Github_ -- 5]: https://segmentfault.com/a/1190000003510001%23articleHeader8
[Github_ -- React]: https://segmentfault.com/a/1190000003510001%23articleHeader9
[Github_ -- Angular.js]: https://segmentfault.com/a/1190000003510001%23articleHeader10
[Github_ -- _js]: https://segmentfault.com/a/1190000003510001%23articleHeader11
[Github_ -- 6]: https://segmentfault.com/a/1190000003510001%23articleHeader12
[GitHub]: http://get.ftqq.com/697.get
[GitHub - sindresorhus_awesome_ Curated list of awesome lists]: https://github.com/sindresorhus/awesome