各种前端资源汇总「备忘、常逛」【持续更新...】

g87616758

　　change log:
　　Generator section (2015-08-29)
　　Generator section (2015-08-31)
　　Generator section (2015-09-09)
　　webpack section(2015-09-26)　　
　　Webpack:
　　[webpack-howto]
　　[webpack]
　　[http://www.infoq.com/cn/articles/react-and-webpack]
　　JS相关：
　　[javascript weekly]
　　[javascript标准参考教程] --阮一峰的参考教程，可读性很好，非常不错的
　　[QuirksMode-DOM]
　　[深入理解JAVASCRIPT系列]   
　　[User Timing API （window performence）]
　　关注ES6(ES2015):
　　[ES6 入门]--from 阮一峰
　　[UnderstandingES6] -- Nicholas Zakas 正在写的书
　　[ES6 features]  --ECMAScript 6 Features 中文版
　　[get started with ES6]
　　移动相关：
　　[聊聊前端跨平台开发的各种技术]
　　[mobileTouch]--司徒正美的移动端学习资料
　　[手机淘宝可伸缩布局方案]
　　[无线滚动插件] -- 蛮好用，挺流畅  
　　[Hybrid架构下的H5应用加速方案]--十分棒的方案
　　CSS相关：
　　[Animate.css]--超棒且直观的css动画
　　[Animation Generator] -- 集成在chrome中的动画生成器
　　[40个漂亮又免费的css Table样式]--table有时候还是很有用的~
　　[css弹出框效果]--都挺好看的
　　[css基线之道]--你所不知道的css baseline
　　[BFC详解]--深入理解BFC
　　[css定位机制之普通流]--了解css的布局机制
　　[学习css layout]--css layout布局
　　[CSS 相对|绝对(relative/absolute)定位系列（一）]
[CSS 相对|绝对(relative/absolute)定位系列（二）]
[CSS 相对|绝对(relative/absolute)定位系列（三）]
[CSS 相对|绝对(relative/absolute)定位系列（四）]
[CSS 相对|绝对(relative/absolute)定位系列（五）]
　　[FlexBox很全的指南]  
　　[cubic-bezier曲线生成] -- 我们在写css动画的时候常用的cubic-bezier曲线，调试生成~
　　[svg 绘制路径]
　　[纯css实现打地鼠游戏]
　　[in-depth understanding css]
　　[征服高级CSS选择器]
　　[how to write effecient css]
　　[creating style sheets]
　　[自定义滚动条详解]
　　[自定义滚动条实例]
　　NodeJS:
　　[awesome-Nodejs]
　　[七天学会Nodejs]--入门教程
　　[Nodejs 中文版API]
　　[KOAjs-GitHub]
　　[KOA workshop]
　　[Nodejs+express+mongodb入门教程]
　　[Nodejs+express+mongodb进阶教程]
　　[HTML转jade]
　　[node-inspector]--nodejs debugger
　　[nodejs koa gulp started]
　　[knowthen]
　　[常见的nodejs面试题]
　　RESTful API:
　　[https://scotch.io/tutorials/build-a-restful-api-using-node-and-express-4]
　　[http://www.vinaysahni.com/best-practices-for-a-pragmatic-restful-api]
　　[http://webapplog.com/tutorial-node-js-and-mongodb-json-rest-api-server-with-mongoskin-and-express-js/]
　　[http://webapplog.com/express-js-4-node-js-and-mongodb-rest-api-tutorial/]
　　Gererator:
　　[https://strongloop.com/strongblog/node-js-callback-hell-promises-generators/]
　　[https://strongloop.com/strongblog/promises-in-node-js-with-q-an-alternative-to-callbacks/]
　　[co 的含义和用法]
　　[sync 的含义和用法]
　　[细嗅promise]
　　[Generator in good use]
　　React-Native:
　　[React 入门指南] --阮一峰的React入门指南，简单易懂，有很多demo
　　[facebook/ReactNative-GitHub]
　　[ReactNative布局]--react学起来~
　　[React Native学习指南]--收集了蛮多学习资料  
　　[如何评价RectNative]  
　　[对React Native的一些看法]
　　[react.js的virtual dom]
　　[reactjs-first-try]
　　源码阅读：
　　[underscore.js]
　　工具和手册 ：
　　[caniuse.com]--浏览器的特征检测，覆盖了css，js，html5，svg等等
　　[ES5.1 standard]--ES标准手册
　　[css参考手册]
　　[clip-path maker]--玩转css clip-path属性
　　[TinyPng]--图片压缩利器
　　[GitBook]--用GitBook写本书吧~
　　[http://asciiflow.com/]--程序员画图利器
　　测试与调试：
　　[小黄鸭调试法] -- 维基百科说：小黄鸭调试法是软件工程中使用的调试代码方法之一。就是在程序的调试、纠错或测试过程中，耐心地向小黄鸭解释每一行程序的作用，以此来激发灵感。
　　[编写可测试的javascript]
　　有内涵的前端网站：
　　[codrops]--get各种酷炫技能
　　[http://thecodeplayer.com/]--我们可以看到代码是怎样一行一行写出来的
　　[http://www.freshdesignweb.com/]--好多很好的效果，很实用，就是加载有点慢...
　　[http://www.quirksmode.org/blog/]--我在上面看一些移动相关的知识，研究的很仔细
　　[css-tricks]
　　我喜欢的博客:
　　[阮一峰的网络日志]--有文学气息的程序猿，读书日志我也很喜欢~
　　[web技术研究所]--每日一篇，值得学习
　　[小胡子的微分享]--get各种神技巧
　　[taobao ued blog]
　　[http://www.alloyteam.com/]
　　[HTML5梦工厂]
　　[前端观察]
　　[百度fex]
　　前端杂谈：
　　[git style guide-git最佳使用实践]
　　[chrome开发者技巧]
　　[代码质量ESLint]  
　　[grunt新手一日入门]
　　[getting started with gulp]--gulp快速入门指南
　　[用js给图片加水印]
　　[关于polyfills]
　　[polyfills和shim的区别]
　　[rgb颜色与16进制颜色的转换]
　　[30天学习30种新技术]
　　[bower]
　　[前端模块管理器简介]
　　爱阅读：
　　[推酷]
　　PS:大家有好的资源也可以留言，帮助我一起收集好的，有质量的资料~~