各類前端資源彙總「備忘、常逛」【持續更新...】

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]

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/]

 

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/]--程序員畫圖利器