前端 網址收集

http://caniuse.com/

https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Emulators-&-Simulators

http://opendevicelab.com/

http://www.electricplum.com/

http://www.keynote.com/solutions/testing/mobile-testing

http://saucelabs.com/

https://www.browserstack.com/

http://validator.w3.org/

http://jigsaw.w3.org/css-validator/

https://html5.validator.nu/

http://www.cssarrowplease.com/

http://www.htmlcssvqs.com/8ed/examples/#generated-content-examples （HTML頁面結構和規範 +demo）

https://css-tricks.com/pseudo-element-roundup/

https://modernizr.com/   css3瀏覽器兼容方案

http://html5please.com/  css3特性使用建議

http://css3pie.com/  (IE兼容css3)

 

壓縮圖片工具：TinyPNG\JPEGmini\ImageOptim

https://modernizr.com/download?setclasses html5 新特性向後兼容

 

http://csscomb.com/online CSS代碼優化排版

 

http://www.spriteme.org/

http://www.spritecow.com/

http://spritegen.website-performance.org/

 

http://prefixr.com/index.php 處理瀏覽器兼容針對樣式css

https://github.com/ai/autoprefixer

http://imsky.github.io/cssFx

http://www.keithclark.co.uk/

http://leaverou.github.io/prefixfree/

https://github.com/JoelSutherland/LESS-Prefixer 封裝好的less 針對css3瀏覽器兼容特性

 

https://github.com/scottjehl/picturefill

http://getskeleton.com/ 響應式框架

http://responsive.vermilion.com/compare.php 響應式框架

http://foundation.zurp.com/  響應式框架

 

http://validator.w3.org/mobile/ 檢查網站對移動設備兼容

http://www.google.com/think/multiscreen 檢查網站對移動設備兼容

http://ipadpeek.com/ 檢查網站對移動設備兼容

http://ready.mobi/launch.jsp  檢查網站對移動設備兼容

 

檢查是否爲移動設備：

https://github.com/serbanghita/Mobile-Detect

https://github.com/hgoebl/mobile-detect.js

https://github.com/kaimallea/isMobile

 前端框架：

http://ionicframework.com/

http://www.telerik.com/kendo-ui

https://www.sencha.com/products/touch/#overview

檢測橫豎屏切換：

http://gist.github.com/callmephilip/3626669

 

移動UI前端框架

http://frozenui.github.io/

資源

https://github.com/dunitian/LoTDotNet.git

前端學習資源

基礎班自學：連接:http://pan.baidu.com/s/1gdH7PbP 密碼:eg4e
就業班(設計專項)：
http://pan.baidu.com/s/1eQwEIlG
http://pan.baidu.com/s/1bPcNRC
連接: http://pan.baidu.com/s/1geH1fWn 密碼: iae4
就業辦（編程方向）
2015-傳智播客WEB大前端【惟一泄露版】
http://pan.baidu.com/s/1gfuaI9l
連接: http://pan.baidu.com/s/1hr7VB5U 密碼: 7h9d

2015達內前端工程師不加密版
連接：http://pan.baidu.com/s/1eRCJ0qQ 密碼：gzr0


妙味WEB前端全套視頻教程 項目實戰+移動端開發
連接：http://pan.baidu.com/s/1ge7rG7h 密碼：mnk4

http://pan.baidu.com/mbox/homepage?short=sl3PJsx

 

 2015達內大前端全套無密【擴充】
http://pan.baidu.com/s/1pKZ1EuJ
連接: http://pan.baidu.com/s/1hrR8yYK 密碼: sr2s

學JS的能夠看看http://study.163.com/course/courseMain.htm?courseId=224014

不少人找模板比較蛋疼，我簡單貼一下，能夠後期補充的：
http://html5up.net/ （推薦）
http://www.htmleaf.com/
http://sc.chinaz.com/
http://www.cssmoban.com/
http://www.jq22.com/
http://www.jzcodes.com/index.html
http://www.helloweba.com/
http://www.mobanwang.com/
http://www.ymjihe.com/
http://www.xwcms.net/
http://www.58pic.com/tupian/jingtaiwangyemoban-803-0.html
http://bbs.ecmoban.com/forum.php
http://www.moke8.com/
http://www.dedecms8.com/
http://www.mycodes.net/
http://www.mooban.cn/down/

推薦幾個插件和工具（功能我不說留給感興趣的人自行發現）：


http://daneden.github.io/animate.css/
http://www.buildinternet.com/project/supersized/
http://www.dowebok.com/77.html
http://www.bootcdn.cn/jQuery-slimScroll/
http://www.bootcdn.cn/respond.js/


http://shoelace.io/


再推薦幾個前端方向的網站（擴）：


http://www.yyyweb.com/
http://www.jq22.com/
http://hao.jobbole.com/
http://www.js-css.cn/
http://www.helloweba.com/
http://www.dowebok.com/
http://www.html580.com/

 

https://varvy.com/tools/css-delivery/