web前端建站与学习常用网站


web前端建站与学习常用网站_第1张图片
图片来自网络


HTML常用手册网站

开发入门常用

HTML、CSS、JS在各浏览器兼容情况:http://caniuse.com/

前端知识体系:http://www.cnblogs.com/sb19871023/p/3894452.html

w3school在线教程:http://www.w3school.com.cn/

菜鸟教程:http://www.runoob.com/

图灵程序设计丛书HTML5权威指南免费电子书:http://bestcbooks.com/B00H706BIG/


全栈开发必备的10款Sublime Text插件:http://www.php100.com/html/it/focus/2014/1128/7935.html

Sublime Text插件官网:https://packagecontrol.io/

Sublime Text Emmet插件:http://docs.emmet.io/


CSS工具网站

css辅助

在线生成CSS代码:http://enjoycss.com/ref/chrome_extension#transform

CSS3动画手册、动画代码生成:http://isux.tencent.com/css3/index.html?transition-property

Animate.css官网:https://daneden.github.io/animate.css/

贝塞尔曲线绘制取值网站:http://cubic-bezier.com/?#.17,.67,.83,.67

px转em计算网站:http://pxtoem.com/

雪碧图自动生成网站:http://www.spritecow.com/


字体、图标引用网站集合:

Handpicked字体:https://www.fontsquirrel.com/

阿里妈妈webfont平台:http://www.iconfont.cn/webfont/?spm=a313x.7781069.0.0.f2EDD4#!/webfont/index

谷歌字体(需墙):https://www.google.com/fonts

阿里巴巴矢量图标库:http://www.iconfont.cn/

适用Bootstrap图标网站:http://www.bootcss.com/p/font-awesome/#integration


JavaScript常用网站

js常用与进阶

jQuery中文网:http://jquery.cuishifeng.cn/index.html

轮播图框架Swiper中文网:http://www.swiper.com.cn/

瀑布流框架:http://masonry.desandro.com/

Tween算法:http://www.cnblogs.com/bluedream2009/archive/2010/06/19/1760909.html

移动端touch.js:http://blog.csdn.net/libin_1/article/details/50534611


JavaScript深度学习

推荐javascript-in-one-pic

js深度体系学习(js-in-one-pic):https://github.com/coodict/javascript-in-one-pic/blob/master/README-zh.md

图解javascipt上下文与作用域:http://www.108js.com/article/article1/10201.html?id=1092

js原型对象理解:http://blog.csdn.net/liwenqiang758/article/details/8190263

巧用apply、call、bind:http://www.admin10000.com/document/6711.html

原生js封装Ajax:http://www.jb51.net/article/93037.htm


PHP基础学习

php基础、json、ajax

PHP手册:http://www.php.net/

代码状态百科:http://baike.baidu.com/view/1311386.htm

json在线校验工具:http://www.kjson.com/

URL编码/解码:http://tool.oschina.net/encode?type=4


AnjularJS常用

AnjularJS学习、工具

AnjularJS菜鸟教程:http://www.runoob.com/angularjs/angularjs-tutorial.html

AnjularJS API文档:https://angularjs.org/

AnjularJS源码下载/CDN服务:http://www.bootcdn.cn/angular.js/


最适用工具WebStorm:http://www.jetbrains.com/webstorm/

WebStorm主题:https://github.com/daylerees/colour-schemes/tree/master/jetbrains

WebStorm2016.2.3:http://www.wuleba.com/28503.html



前端进阶高级工具

前端高效开发工具

浏览器同步测试工具(自动刷新浏览器):http://www.browsersync.cn/

贴图库(免费生成图片外链):http://www.tietuku.com/

在线压缩图片网站:https://tinypng.com/

前端语言Top100实时排名:https://www.awesomes.cn/rank/?sort=hot


建站工具

小工具,建站必备

白噪音(雨声、咖啡店...):http://soundrown.com/

无版权高清大图:http://www.ssyer.com/

Bootstrap中文网:http://www.bootcss.com/

SVN团队必备:https://tortoisesvn.net/downloads.html

SVN源代码托管中心:http://svnchina.com/

GitHub个人博客建站Hexo:https://hexo.io/

付费个人建站:https://www.strikingly.com/

Markdown语法说明:http://wowubuntu.com/markdown/


以上网站都是自己在学习和网站建设中常用的网站,一个好的工具往往可以事半功倍,在日后学习中会继续更新。

自己在学习html、css、js、jq、php、微信开发、AnjularJS的笔记与总结,优化无止境:https://github.com/NalvyBoo/HTML5

你可能感兴趣的:(web前端建站与学习常用网站)