前端常用网站和工具(持续添加...)

学习前端的过程,就是不断的探索,不断的进步,不断的深入的过程,我在这个过程中慢慢收集了一些网站:

常用网站和工具

前端知识体系总图:

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

 

posted on 2016-07-25 23:57  SuriFuture  阅读(403)  评论(0编辑  收藏  举报

导航