1、Bootstrap – 最流行的Web前端UI框架
2、jQuery UI - 基于jQuery的开源Javascript框架
3、jQuery UI Bootstrap
4、BootMetro - Metro风格的CSS框架
5、Flat UI - 扁平风格 UI 工具包
6、网易CSS框架 NEC
7、Alloy UI – 功能强大的CSS UI框架
8、Cardinal – 移动端的CSS UI框架
9、快速开发CSS的框架 CSScaffold
10、后台UI开发框架 MuseUI
1. Twitter BootStrap （Apache v2.0；响应式）时髦、直观并且强大的前端框架，让Web开发变得更加容易。
2. Foundation （MIT；响应式）
最先进的响应式前端框架。
3. 960gs（GPL&MIT；响应式）
960gs提供了一个简单的网格系统，适合快速开发。
4. Skeleton（MIT；响应式）
非常漂亮的Web模板，适合响应式、移动友好的开发。
5. 99lime HTML KickStart（Free）
适合网站快速开发的极简HTML构建模块。
6. Kube（Free；响应式）
面向专业人员的CSS框架。
7. Less Framework（MIT；响应式）
自适应的CSS网格系统。
8. Flameinwork（Free）
适合懒人开发者的前端微框架。
9. G5 Framework（Free）
(x)HTML5、CSS、PHP前端开发框架。
10. Easy Framework（Free）
Easy Framework是一个一体化前端解决方案，分structural、 presentational、interactive三层。
11. Blueprint（Free）
一个旨在减少开发时间的前端框架。
12. YAML（Creative Commons）
(x)HTML+CSS框架，适合开发现代化浮动布局。
13. BlueTrip（Free）
一个功能全面、并且美丽的CSS框架，适合于Blueprint搭配使用。
14. YUI3:Grids CSS（BSD）
YUI Grids CSS是最著名的CSS框架之一，是由Yahoo开发小组开发而成。 YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度，六种不同的模板。
15. 52framework（Creative Commons）
对HTML5支持非常好，简单易用。
16. elastiCSS（MIT）
一个基于Web接口和印刷布局的简单CSS框架。
17. Emastic（Free）
一个与众不同的CSS框架。
18. Fluid 960 Gride System（GPL/MIT）
Fluid 960 Grid System的模版是根据Nathan Smith之前的作品而创建的。即960 Grid System：传承了MooTools和jQuery JavaScript libraries的效果。
19. xCSS（MIT）
一个面向对象的CSS框架，能让你的工作流更加简洁。xCSS基于CSS，可以在开发复杂样式时，提供面向对象的工作流。
20. EM CSS Framework（MIT/GPL）
EM CSS Framework提供了一个960px宽 + 12 列网格系统 + CSS的通用样式。
当前移动端开发主要有以下四个方面：1）tochweb（手机网站）：手机通过手机浏览器打开的网站
2）web-app (touchweb网站通过phoneGap appcan 打包成 安卓apk 和苹果ios格式)
3）hybrid-app (性能较好，开发周期短，当下主流 )
4）native-app （由Android/IOS开发，性能最好，其他三种可以由前端开发）
1）bootstrap: http://www.bootcss.com/响应式布局
2）css3 动画
http://www.haorooms.com/uploads/example/Animatecss/
更多框架
http://nec.netease.com/framework
3）icon字体(移动端经常会用到)
http://fontawesome.io/
http://www.iconfont.cn/
4）css的 SASS 和Less框架
1）zeptiojs(比较轻量；但不兼容IE浏览器、 window8系统)
http://zeptojs.com/
2）jGestures
http://jgestures.codeplex.com/
见博客文章： http://www.haorooms.com/post/jquery_jGestures
3）swiper
http://www.swiper.com.cn/
4）iScroll.js
http://cubiq.org/iscroll-5
http://iscrolljs.com/
1）jqueryMobile（功能很强大；但效率不是很高）
http://api.jquerymobile.com/
2） app framework
http://app-framework-software.intel.com/
3）senchtouch
http://www.sencha.com/
4）mobileangularui
http://mobileangularui.com/docs/
5）phonegap
http://phonegap.com/
6）appcan
http://www.appcan.cn/
7）妹子Ui
http://amazeui.org/
8）百度GMU
http://gmu.baidu.com/
我习惯用的是netbeans
前端比较灵活，不会制定具体的IDE，时下比较流行的是sublime
具体可以看下： http://www.haorooms.com/post/sublime_use
前端做好了之后，要根据后台返回的接口来绑定页面（也就是我们通常说的套页面）。
假如后台是java写的，我们要搭建java环境,php写的，我们要搭建php环境。
【本套课程暂时不讲价如何绑定静态页面，因此开发环境也不用搭建。】
