前端开发常用网站及工具：前端学习网站工具

学习网站畅言：http://changyan.kuaizhan.com/，我来为大家科普一下关于前端开发常用网站及工具：前端学习网站工具?下面希望有你要的答案，我们一起来看看吧!

前端开发常用网站及工具：前端学习网站工具

学习网站

畅言：http://changyan.kuaizhan.com/

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

iscroll-5：http://cubiq.org/iscroll-5

css88:http://www.css88.com/

uikit:http://www.getuikit.net/

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

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

IT社区：http://codefollow.cn/

工具

【代码的规范】 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/

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

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

【Emmet快捷方式查询】 http://emmet.evget.com/

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

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

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

Testing【检测css错误】 http://meyerweb.com/eric/tools/css/diagnostics/demo-not.html

【二维码生成器】 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

原文：http://www.w3cfuns.com/blog-5424694-5408686.html

《前端观察》专注于网站前端设计与前端开发、纯粹的前端技术分享。更多前端文章请订阅本头条号，也可以关注微信订阅号qianduanguancha（长按可复制）

,