前端的学习网站及工具

前端学习网站

慕课网址：  http://www.imooc.com/course/list

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

bootstrap网站：http://www.bootcss.com/

小图标：http://www.easyicon.net/

jq之家：http://www.htmleaf.com/

腾讯客服在线代码生成：http://bizapp.qq.com/webpres.htm

草依山的Javascript世界：http://jser.me/

swiper API：http://www.idangero.us/swiper/api/#.Vc3OSPle6jA     http://www.swiper.com.cn/

纯 CSS 实现高度与宽度成比例的效果:http://zihua.li/2013/12/keep-height-relevant-to-width-using-css/

百度地图生成器：http://api.map.baidu.com/lbsapi/creatmap/index.html

animate.css：http://daneden.github.io/animate.css/

Using CSS attr and content for Tooltips:http://davidwalsh.name/demo/css-attr-tooltip.php

鑫空间、鑫生活：http://www.zhangxinxu.com/wordpress/2012/11/web-jquery-mobile-css3-animate/

CSS遮罩——如何在CSS中使用遮罩 ：http://www.w3cplus.com/css3/css-masking.html

前端资源:http://www.css88.com/

轻量级、模块化的前端框架:http://www.getuikit.net/

爱编程：http://www.w2bc.com/

安装sass并在webstorm中为scss添加watcher：http://blog.csdn.net/zapzqc/article/details/42147519

前端工具

【代码的规范】http://www.css88.com/doc/codeguide/

【Viewport Sizes尺寸查询】  http://viewportsizes.com/?filter=

【在线小工具】  http://www.xueui.cn/design/online-tools

【px,em,rem单位转换工具】 http://pxtoem.com/

【json格式化】  http://jsonlint.com/

【在线工具】   http://www.atool.org/

【WebStorm】  http://my.oschina.net/maomi/blog/137807

【CSS优化】  http://www.css88.com/tool/csstidy/

【CSS 速查表】  http://code.ciaoca.com/style/css-cheat-sheet/

【jQuery 查询 】  http://oscarotero.com/jquery/

【jQuery源代码查看工具】  http://www.css88.com/tool/jQuerySourceViewer/#v=1.7.2&fn=jQuery.find

【IcoMoon App - 字体图标】  https://icomoon.io/app/#/select

【Iconfont - 阿里巴巴矢量图标库】 http://www.iconfont.cn/

【字体图标】http://fontawesome.io/icons/

【正则表达式】  http://www.w3cfuns.com/tools.php?mod=regex

【二维码生成器】 http://cli.im/

【CSS - 中文字体—> 编码表】 http://code.ciaoca.com/style/cssfont2unicode/

【PNG压缩】  http://www.atool.org/pngcompression.php

【SEO检测】 http://nibbler.silktide.com/en_US/progress/www.uiessays.com