外观样式,响应式设计
1、Bootstrap
基于Bootstrap的衍生框架:
BootMetro
BootFlat
http://bootflat.github.io/index.html
Bootstrap Metro Dashboard
这是一款基于Bootstrap的Metro风格的后台管理面板应用,Bootstrap Metro Dashboard的UI是基于Twitter Bootstrap样式的,同时使用了jQuery 1.9.1和jQuery UI组件,非常适合做网站的后台管理系统界面。
http://github.com/jiji262/Bootstrap_Metro_Dashboard
StyleBootstrap
StyleBootstrap是一款基于Bootstrap的开源UI框架,目前基于Bootstrap风格的扩展插件很多,比如Bootswatch、 BootMetro等,这些之前我们都有做过介绍。StyleBootstrap应该说是对Bootstrap样式风格的一种扩展,除了一些基本的按钮、 表单、菜单之外,StyleBootstrap还设计了功能全面的颜色拾取器,非常不错。
FlatUI
Flat UI是一款基于Bootstrap的扁平化前端UI工具包,Flat UI的组件外观设计非常清新和漂亮,Flat UI的组件包含按钮,输入框,组合按钮,复选框,单选按钮,标签,菜单,进度条和滑块等精美的元素。
http://www.bootcss.com/p/flat-ui/
Bootstrap Metro UI CSS
Metro UI CSS是用LESS在开发,使开发CSS更快、更简便、更有趣。它是一套用来创建类似于Windows 8 Metro UI风格网站的样式. 这组风格被开发成一个独立的解决方案。
http://www.bootcss.com/p/metro-ui-css/
二、CSS3框架
1、sass
2、less
3、
三、JavaScript拓展库
1、jQuery
2、Angular
3、react.js
4、Grunt
Grunt是基于Node.js的项目构建工具。它可以自动运行你所设定的任务。Grunt拥有数量庞大的插件,几乎任何你所要做的事情都可以用Grunt实现。
5、Underscore.js
Underscore是一个 JavaScript 工具库,它提供了一整套函数式编程的实用功能,但是没有扩展任何 JavaScript内置对象。它提供了100多个函数,包括常用的:map、filter、invoke — 当然还有更多专业的辅助函数,如:函数绑定、JavaScript 模板功能、创建快速索引、强类型相等测试等等。
参考来源:
http://www.codeceo.com/article/8-bootstrap-css-framework.html