1.前端工具
自動化：Gulp熄浓、? Grunt情臭、百度Fis、Ant赌蔑、Yeoman俯在、Codekit、Koala娃惯、Webpack
預(yù)編譯：Slim跷乐、Haml、Coffeescript趾浅、Sass愕提、BabelJs、Jade皿哨、Less浅侨、Stylus、Pleeease证膨、PostCSS如输、
查找工具：CssTriggers、screensiz.es央勒、友盟指數(shù)不见、javascripting、builtwith订歪、thetoolbox脖祈、stylesheets
版本控制：Github、GitCafe刷晋、GitLab盖高、Bitbucket、Sourcetree眼虱、Cornerstone喻奥、版本控制之道、ProGit捏悬、廖雪峰的git教程撞蚕、svn教程
編輯器：Sublime Text、Atom过牙、HBuilder甥厦、WebStorm纺铭、MacDown、UltraEdit刀疙、ace舶赔、Brackets、LightTable谦秧、Visual Studio Code
在線編輯：Jsfiddle竟纳、Codepen、Jsbin疚鲤、Runjs锥累、sassmeister
調(diào)試/測試：Firebug、YSlow集歇、IEDeveloperToolbar桶略、Fiddler、ChromeDevTools鬼悠、JSLint删性、JSHint、CSSLint焕窝、HTML Validators蹬挺、UnitJS、Jasmine它掂、BrowserStack巴帮、Testem、Dalekjs虐秋、NightWatch榕茧、Hardy
部署流程：YUI Compressor、UglifyJs客给、CleanCss用押、JSDoc
其它：CodeIf蜻拨、H5Viewer、anvil桩引、cssmixins缎讼、JSON Server、ngrok坑匠、Glyphter血崭、CSSStats、spritegen、placehold.it夹纫、MWeb咽瓷、browsersync.io、kjson.com捷凄、strut.io忱详、Reveal.js、iconverticons.com跺涤、智圖、longshadows监透、cubic-bezier桶错、browserhacks、tool.oschina.net胀蛮、Pagespeed院刁、icomoon.io、circulus粪狼、Mock.js
2.博客/社區(qū)/資訊
國內(nèi)綜合：w3ctech退腥、w3cplus、w3cfuns再榄、前端亂燉狡刘、前端觀察、segmentfault困鸥、html5tricks嗅蔬、騰訊ISUX、百度EFE疾就、奇舞團(tuán)澜术、淘寶UED、前端里猬腰、div.io鸟废、慕課網(wǎng)、Codecademy姑荷、極客標(biāo)簽盒延、InfoQ中國、WEB前端開發(fā)厢拭、前端開發(fā)博客兰英、愛奇舞——H5.vc、看云供鸠、匯智網(wǎng)畦贸、伯樂在線
國外綜合：tutsplus、CSSAnimation、TeamTreehouse薄坏、SmashingMagazine趋厉、CodyHouse、Echojs胶坠、Codeschool君账、codewars、Html5Rocks沈善、SpeakerDeck乡数、Alistapart、Lynda闻牡、DigitalTutors净赴、Ponyfoo.com、tutorialzine
前端資訊：CSS-Tricks罩润、WebDesignerNews玖翅、FrontEndFont、Sidebar.io割以、DesignerNews
問答社區(qū)：StackOverflow金度、Quora、知乎
每日鮮：稀土掘金严沥、開發(fā)者頭條猜极、極客頭條、開發(fā)頭條
前端大牛：Hugo Giraudel祝峻、Philip Walton魔吐、David Walsh、Sara Soueidan莱找、Paul Irish酬姆、玉伯、廖雪峰奥溺、阮一峰辞色、勾三股四、張鑫旭浮定、余果相满、Sofish、糖餅桦卒、Evan You立美、Darren_聶微東、司徒正美方灾、CSS魔法
3.各類插件
滑動/視差：fullPage建蹄、swiper碌更、Slick、sliderjs洞慎、hammer.js痛单、unslider、Superscrollorama劲腿、ScrollMagic旭绒、WOW、skrollr焦人、stellar.js挥吵、multiscroll.js、iscroll花椭、dragula蔫劣、waypoints
動畫/效果：popmotion、velocity个从、GreenSock-JS、Snapsvg歪沃、sketch.js嗦锐、impress、blast.js沪曙、sticky奕污、Colorify.js、nprogress液走、Mojs碳默、skrollr、typed.js缘眶、Effeckt.css嘱根、Hover.css、Animatable巷懈、Animate.css该抒、CSS3 Animation Cheat Sheet、pagePiling.js顶燕、headroom.js凑保、hint.css、SpinKit涌攻、CircularProgressButton欧引、css-loaders、pace恳谎、two.js芝此、Sequence、ElasticProgress、CSSgram
兼容：Modernizr癌蓖、bowser瞬哼、retinajs、picturefill租副、Normalize.css坐慰、Respond、html5shiv用僧、box-sizing-polyfill结胀、elementQuery、css-element-queries
Chrome：clear-cache责循、EditThisCookie糟港、Full Page Screen Capture、HTML5 Outliner院仿、JSONView秸抚、Postman、User-Agent Switcher for Chrome歹垫、Window Resizer阴挣、頁面自動刷新臼寄、Chrome Sniffer Plus
模板工具：Handlebars棉圈、Mustache幌氮、artTemplate、nunjucks暮芭、transparency鹿驼、doT
其他：zxcvbn、Validation辕宏、moment畜晰、primer、Please.js匾效、qrcode舷蟀、dynamics.js、smartcrop.js面哼、lazyload野宜、imagesloaded、unveil魔策、fastclick匈子、jQuery Form Plugin、jQuery-File-Upload闯袒、sweetalert虎敦、toolbar游岳、tooltipster、video.js其徙、Font-Awesome胚迫、minigrid、bricks.js
4.主流框架
綜合：React唾那、Bootstrap访锻、Foundation、SemanticUI闹获、Purecss期犬、UIKit、妹子 UI避诽、Alice龟虎、materialize、material-design-lite沙庐、Html5Boilerplate鲤妥、Material design、Lightning Design System拱雏、Vux
MVVM：AngularJS旭斥、Vue.js、Backbone古涧、Avalon、knockout
JavaScript：JQuery羡滑、Zepto、prototypejs算芯、emberjs柒昏、MooTools、Dojo熙揍、meteor职祷、Domcom
Hybrid：React-Native、Nativescript届囚、Phonegap有梆、Ionic、Crosswalk意系、Meteor泥耀、Electron
游戲：Construct 2、ImpactJS蛔添、CreateJS痰催、Three.js兜辞、PlayCanvas、Pixi夸溶、Hilo
5.手冊/書籍
書籍：《JavaScript高級程序設(shè)計（第3版）》逸吵、《單頁Web應(yīng)用:JavaScript從前端到后端》、《JavaScript語言精粹》缝裁、《JavaScript DOM編程藝術(shù) （第2版）》扫皱、《編寫可維護(hù)的JavaScript》、《Web全棧工程師的自我修養(yǎng)》压语、《深入淺出Node.js》啸罢、《響應(yīng)式Web設(shè)計》、《精通CSS》胎食、《高性能JavaScript》扰才、《You-Dont-Know-JS》
快速入門：學(xué)習(xí)CSS布局、Learn to Code HTML & CSS厕怜、Learn to Code AdvancedHTML & CSS衩匣、前端技能樹
精選文章：如何跟上前端開發(fā)的最新前沿、移動H5前端性能優(yōu)化指南粥航、那些過目不忘的H5頁面琅捏、玩轉(zhuǎn)HTML5移動頁面、MobileWeb 適配總結(jié)递雀、搞定這些疑難雜癥柄延，向css3動畫說yes
手冊/規(guī)范：前端開發(fā)者手冊、前端開發(fā)筆記本缀程、Material Design 中文版搜吧、CSS規(guī)范、JavaScript Style Guide杨凑、Sass規(guī)范滤奈、ECMAScript3/5、ECMAScript6撩满、W3C蜒程、CommonJS Modules
翻譯文章：學(xué)習(xí)flexbox屬性、使用Velocity.js改善用戶體驗(yàn)
6.設(shè)計/交互
靈感來源：Dribbble伺帘、SiteInspire昭躺、Httpster、設(shè)計達(dá)人伪嫁、PhotoshopLady窍仰、站酷、UI中國礼殊、uiparade驹吮、365psd针史、Behance、Naldz Graphics碟狞、mobile-patterns啄枕、wa.design、pinterest族沃、花瓣频祝、堆糖、覓處脆淹、視覺中國
學(xué)點(diǎn)設(shè)計：TutsplusDesign常空、優(yōu)設(shè)網(wǎng)、PSDFAN盖溺、Envato漓糙、abduzeedo、Interactive Guide to Blog Typography烘嘱、24Ways
交互體驗(yàn)：Navnav昆禽、Codyhouse、騰訊ISUX蝇庭、淘寶UED醉鳖、阿里巴巴中文站、阿里巴巴國際站哮内、阿里媽媽UED盗棵、百度移動用戶體驗(yàn)部、百度搜索用戶體驗(yàn)中心北发、騰訊TGideas漾根、騰訊MXD、騰訊UED鲫竞、騰訊CDC、新浪UDC逼蒙、迅雷CUED从绘、uxbooth、tympanus
配色工具：Adobe color是牢、FLATUI僵井、Thedayscolor、colrd驳棱、Nipponcolors批什、Nolourlovers、中國傳統(tǒng)色社搅、日本傳統(tǒng)色驻债、Fashiontren
