CSS框架 ui 有哪些

html-css033

CSS框架 ui 有哪些,第1张

精致的 CSS UI 框架：

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）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环境。

【本套课程暂时不讲价如何绑定静态页面，因此开发环境也不用搭建。】