上期文章我们介绍了响应式设计的概念以及意义,本期我们将一起来看看要实现响应式设计所必需的web设计框架。
1.Foundation
Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件,如表单、按钮、Tabs 等等。
2.Bootstrap
Bootstrap是现在网上最流行的HTML、CSS和JS框架。由Twitter推出,目前Bootstrap最新版本为3.0 。其基于HTML、CSS和JavaScript的简洁灵活的流行前端框架及交互组件集。有了它,Web开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。
3.Pure
Pure是来自雅虎的。尽管从UI界面效果上来说,Pure没有Bootstrap那样精美,但Pure是纯CSS实现的,因此非常小巧,其最大的特点就是框架基于纯CSS,无任何JavaScript代码,渲染速度比较快。
4.Amaze UI
中国首个开源 HTML5 跨屏前端框架,面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载入。含近 20 个 CSS 组件、20 余 JS 组件,更有多个包含不同主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面。
5.52Framework
52framework是一个简单友好的前端开发框架,对HTML5支持非常好,同时还兼容IE6等旧版本的浏览器,响应式布局,CSS网格系统设置等。52framework框架拥有很多优秀的设计,能处理网站制作中常见的一些特效等效果。
6.Groundwork
GroundworkCSS 是一个基于 Sass 预处理器的开源项目 ,主要用于快速构建响应式 Web 应用程序。拥有一个灵活的、可嵌套的网格系统,可以创建适应多种浏览设备的布局。 Groundwork 还提供多种 UI 组件,如导航、按钮、图标、表单、Tabs、对话框、工具提示等等。
7.UI Kit
UIkit是YOOtheme团队开发的一款轻量级、模块化的前端框架,可快速构建强大的前端web界面。UIKit使用的变量基于LESS,具有体积小、模块化、可轻松地自定义主题和响应式设计,可在多种环境中使用等特点。它提供了超过 30 个模块化并可扩展的组件,它可以彼此结合。
8.Base
Base是一款基于语义的、轻量级的和可扩展的框架,可用于快速创建响应式站点
9.Kube
足够的简单,足够小,具有很强的自适应能力,是个响应式的 CSS 框架。它拥有最新最炫的网格和漂亮的字体排版,没有任何样式绑定,给用户以绝对的自由。
10.IVORY
IVORY 基于12列的响应式网格布局,它会提供一些额外的UI元素:按钮、表格、分页、拨动开关、工具提示、手风琴、选项卡等网站中常用的组件和样式。
点击传送门,查看响应式设计是啥?凭啥这么火爆?
Meetsite(见站),您身边的建站技巧分享专家!