在上一个月底,CMSYOU向大家推送了前端开发框架Bootstrap更新到3.2.0,在这里,我们继续向大家介绍响应式方面的知识,下面是2014流行的10款响应式前端开发框架的大概介绍,希望你能喜欢。
首先介绍下什么是响应式:
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。
响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用大势所趋来形容也不为过。随着越来越多的设计师采用这个技术,我们不仅看到很多的创新,还看到了一些成形的模式。
可以想见,响应式的优点:
缺点:
不过这是创新,如果响应式能兼容所有的屏幕尺寸,就可以改变传统(为PC、手机端不同屏幕尺寸做不同的版本),内容上可以在不同屏同步显示。
步入正题,说说2014最为流行的10款响应式前端开发框架。
Twitter Bootstrap
大家对Twitter Bootstrap已十分熟悉了。凭借全面的UI组件、易用的网格和组件,Bootstrap已成为众多设计者和开发者最喜欢的快速开发工具。现在已经有很多第三方Bootstrap程序和JavaScript插件可供使用。
InK
Ink为一个界面工具包,用于快速开发Web界面,具有易于使用、易于扩展特点。它可以为构建布局提供解决方案,可以展示普通的界面元素,可以实现以内容为中心、对用户友好的交互方式。
GroundworkCSS Beta
GroundworkCSS是一个基于Sass预处理器的开源项目 ,主要用于快速构建响应式Web应用程序。拥有一个灵活的、可嵌套的网格系统,可以创建适应多种浏览设备的布局。GroundworkCSS还提供多种UI 组件,如导航、按钮、图标、表单、Tabs、对话框、工具提示等等。
Ivory
这是一个灵活、强大的响应式Web框架,使Web开发更快速、更简单。
Grumby
Gumby 2基于Sass开发。Sass为功能强大的CSS预处理器,利用它可以快速开发Gumby。
HTML KickStart
该框架集合了HTML5、CSS和JavaScript,帮助开发人员快速开发Web产品。它覆盖了所有UI组件,同时也包含一些有用的JavaScript插件。
Maxmertkit
Maxmertkit拥有完整的文档,包含大量实例,并且提供了拖拽生成代码的功能。
Skeleton
Skeleton 是一个小的JS和CSS文件集合,可帮你快速开发漂亮的网站,适合各种屏幕设备,包括手机。Skeleton基于960 Grid开发,是一个UI框架。
Kube
Kube是一款最小化的,支持响应式的前端框架,包括一个简洁的CSS文件,用于方便地创建响应式布局,包括了两个JS文件来完成Tab以及页面的按钮操作。
暂无评论内容