前端經常使用網站和工具（持續添加...）

學習前端的過程，就是不斷的探索，不斷的進步，不斷的深刻的過程，我在這個過程當中慢慢收集了一些網站：

經常使用網站和工具

前端知識體系總圖：

https://rawgit.com/unruledboy/WebFrontEndStack/master/ux/WebFrontEndStack.htm?locale=zh-cn

 網站：

HTML5官方英文API：http://w3c.github.io/html/index.html#contents

HTML5 官方API：http://www.w3.org/TR/html5/

MDN（mozilla）前端開發者網絡：https://developer.mozilla.org/zh-CN/

最新中文CSS參考手冊：http://css.doyoe.com 缺陷手冊：http://bug.doyoe.com 實驗室：http://demo.doyoe.com

FlexBox實驗示例：http://codepen.io/enxaneta/full/adLPwv/

H5+中國產業聯盟：http://www.html5plus.org/#home

HBuilder：文檔http://www.dcloud.io  http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/93

H5相關技術API列表：http://overapi.com

H5開發框架Jquery框架：http://api.jquery.com

RequireJS中文網： http://www.requirejs.cn

AngularJS：

HTML 5 JavaScript API Index : http://html5index.org

Mozilla 開發者網絡 : https://developer.mozilla.org/zh-CN/

CreateJS中文網 : http://www.createjs.cc

TypeScript Handbook（中文版）:https://www.gitbook.com/book/zhongsp/typescript-handbook/details

白鷺Egret-HTML5遊戲引擎 : http://www.egret.com

H5中國：http://www.html5cn.org

兼容性查看：http://caniuse.com

H5遊戲：http://html5games.com

在線編譯H5和H5應用實例：codepen.io   http://runjs.cn

SegmentFault-H5提問社區：https://segmentfault.com/t/css3

Less入門教程：http://www.runoob.com/manual/lessguide/#

菜鳥教程網：http://www.runoob.com    

百度靜態資源公共庫：http://cdn.code.baidu.com

JS/HTML互轉：http://tool.css-js.com/html2js.html

CSS快速編程：Sass，Compass

http://www.ruanyifeng.com/blog/2012/06/sass.html

http://www.ruanyifeng.com/blog/2012/11/compass.html

 

素材網：

遊戲素材：

http://www.17sucai.com

http://sc.chinaz.com

http://www.lanrentuku.com

 

技術博客：

張鑫旭：http://www.zhangxinxu.com/wordpress/

阮一峯：http://www.ruanyifeng.com/blog/

 

 

 

前端模塊系統：

Webpack 中文指南：http://webpackdoc.com

Gulp中文網：http://www.gulpjs.com.cn

 

工具：

Bootstrap中文網：http://www.bootcss.com   在線可視化佈局 http://www.runoob.com

 

NodeJS下載地址：https://nodejs.org/en/download/

H5國內編輯器：Hbuilder  http://www.dcloud.io

WebStorm：H5，CSS，JS腳步編輯器

IEtester：IE各版本測試，windows

tortoiseSVN：版本控制，windows

SVG矢量圖製做工具Inkscape：https://inkscape.org/en/，須要先安裝XQuartz

 

插件：

autoprefixer

videojs：http://videojs.com/getting-started/

 

示例網站：

http://www.ro.me

Canvas動畫：http://demo.itivy.com/html5-color-cycling/index.html

耐克中國：http://store.nike.com/cn/zh_cn/product/lunarepic-flyknit-id/?piid=42164&pbid=350687392#?pbid=350687392