前端 网址收集

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)

压缩图片工具:TinyPNGJPEGminiImageOptim

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/

原文地址:https://www.cnblogs.com/sybboy/p/5465632.html