前端的學習網站及工具

前端學習網站

 慕課網址：  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