N多个响应式设计前端框架推荐
2014-10-09 00:00
1111 查看
随着响应式Web设计的不断成熟,各类框架也变得越发健壮和可靠。也许是受到了Bootstrap、Foundation的影响,如今很多新的框架都开始向一体化多功能的模式进化,它们提供了更多的功能,同时会包含可复用的组件和模块,例如图标、对话框、页码导航、面包屑、导航栏等等。
下面推荐一些响应式设计前端框架:
Girder
通过Sass构建的Girder是一款最小化的网格系统工具集,可以帮你构造按逻辑分组的弹性布局。它通过silent class(placeholders)在HTML中构建内容(让你的HTML从过多的表现层class中解放出来),而且由于支持复杂的media queries,它可以根据项目需求调整尺寸。
查看详情或从Github上获取
Cardinal
Cardinal是一款聚焦于响应式Web应用的小型“移动优先”CSS框架,通过它,你可以更轻松的为响应式Web应用构建原型或生产站点,并有效的维护样式表。这款框架刻意忽略掉了一些表现样式层面的东西,以避免成为庞大而复杂的CSS框架,并将设计决策权完全交给你。
查看详情或从Github上获取
Typeplate
Typeplate是一款用于文字排版的入门级工具。它不涉及过多的视觉样式呈现,但是为常见的文字排版模式提供了得当的且具有扩展性的标记。
查看详情或从Github上获取
Gridism
Gridism是一个简单的CSS网格系统,内置了一些响应式相关的实现模式。
查看详情或从Github上获取
Furatto
Furatto是一款扁平化风格的前端框架,特别适用于以其他框架为基础进行快速Web开发。
查看详情或从Github上获取
PocketGrid
PocketGrid是一款轻量级(只有0.5kB)纯CSS响应式网格系统,你可以通过它实现任意数量的纵列。PocketGrid拥有一套基于模块及模块组的弹性系统,而非传统的通过行和列来创建网格。其中,模块组类似于行,模块本身则与列的概念相似。与传统网格系统相比,PocketGrid的方式更加灵活。
查看详情或从Github上获取
.Fitgrid
.Fitgrd是一款为了快速创建原型的需求而设计的框架(但在生产环境中的表现也很不错),为那些不想让自己的页面看上去太像bootstrap风格的设计师提供了一个坚实的基础。这套网格系统包含了12个列,宽度基于百分比,每一列两侧都各有一个基于百分比的外边距。
查看详情或从Github上获取
Kraken
Kraken是一款轻量级、移动优先的模板框架,仅包括一些最必需的功能:一个CSS重置文件,用来确保跨浏览器的兼容性;一个响应式的、移动优先的网格系统;一套设计优秀、液态排版的标尺;CSS3按钮;最基本的视觉风格元素;还可以通过可选插件实现更多功能。
查看详情或从Github上获取
Markup
Markup是一套布局、挂件、UI风格和其他组件的合集,你可以在项目中直接使用,让开发流程更快速高效。
查看详情
Topcoat
Topcoat是一款开源CSS框架,其主题可被高度定制化,让你能够更轻松的创建Web应用。
查看详情或从Github上获取
Cascade
Cascade框架可以根据功能而不是选择器来将你的CSS划分到不同的文件当中,其设计风格在很大程度上受到SMACCS和OOCSS的影响。
查看详情或从Github上获取
Responsable
Responsable是一款基于Semantic.gs和LESS的响应式网格系统。
查看详情或从Github上获取
Ratchet
Ratchet可以帮你通过简单的HTML、CSS和JavaScript***移动应用的原型。
查看详情或从Github上获取
Clank
Clank也是一款可以帮你创建移动应用原型的开源框架。
查看详情或从Github上获取
Responsive Web CSS
Responsive Web CSS可以帮助你在几分钟内创建出页面的布局。你可以指定目标设备及分辨率,作为响应式规则,然后便可以打包下载整站的代码框架。
查看详情
下面推荐一些响应式设计前端框架:
Girder
通过Sass构建的Girder是一款最小化的网格系统工具集,可以帮你构造按逻辑分组的弹性布局。它通过silent class(placeholders)在HTML中构建内容(让你的HTML从过多的表现层class中解放出来),而且由于支持复杂的media queries,它可以根据项目需求调整尺寸。
查看详情或从Github上获取
Cardinal
Cardinal是一款聚焦于响应式Web应用的小型“移动优先”CSS框架,通过它,你可以更轻松的为响应式Web应用构建原型或生产站点,并有效的维护样式表。这款框架刻意忽略掉了一些表现样式层面的东西,以避免成为庞大而复杂的CSS框架,并将设计决策权完全交给你。
查看详情或从Github上获取
Typeplate
Typeplate是一款用于文字排版的入门级工具。它不涉及过多的视觉样式呈现,但是为常见的文字排版模式提供了得当的且具有扩展性的标记。
查看详情或从Github上获取
Gridism
Gridism是一个简单的CSS网格系统,内置了一些响应式相关的实现模式。
查看详情或从Github上获取
Furatto
Furatto是一款扁平化风格的前端框架,特别适用于以其他框架为基础进行快速Web开发。
查看详情或从Github上获取
PocketGrid
PocketGrid是一款轻量级(只有0.5kB)纯CSS响应式网格系统,你可以通过它实现任意数量的纵列。PocketGrid拥有一套基于模块及模块组的弹性系统,而非传统的通过行和列来创建网格。其中,模块组类似于行,模块本身则与列的概念相似。与传统网格系统相比,PocketGrid的方式更加灵活。
查看详情或从Github上获取
.Fitgrid
.Fitgrd是一款为了快速创建原型的需求而设计的框架(但在生产环境中的表现也很不错),为那些不想让自己的页面看上去太像bootstrap风格的设计师提供了一个坚实的基础。这套网格系统包含了12个列,宽度基于百分比,每一列两侧都各有一个基于百分比的外边距。
查看详情或从Github上获取
Kraken
Kraken是一款轻量级、移动优先的模板框架,仅包括一些最必需的功能:一个CSS重置文件,用来确保跨浏览器的兼容性;一个响应式的、移动优先的网格系统;一套设计优秀、液态排版的标尺;CSS3按钮;最基本的视觉风格元素;还可以通过可选插件实现更多功能。
查看详情或从Github上获取
Markup
Markup是一套布局、挂件、UI风格和其他组件的合集,你可以在项目中直接使用,让开发流程更快速高效。
查看详情
Topcoat
Topcoat是一款开源CSS框架,其主题可被高度定制化,让你能够更轻松的创建Web应用。
查看详情或从Github上获取
Cascade
Cascade框架可以根据功能而不是选择器来将你的CSS划分到不同的文件当中,其设计风格在很大程度上受到SMACCS和OOCSS的影响。
查看详情或从Github上获取
Responsable
Responsable是一款基于Semantic.gs和LESS的响应式网格系统。
查看详情或从Github上获取
Ratchet
Ratchet可以帮你通过简单的HTML、CSS和JavaScript***移动应用的原型。
查看详情或从Github上获取
Clank
Clank也是一款可以帮你创建移动应用原型的开源框架。
查看详情或从Github上获取
Responsive Web CSS
Responsive Web CSS可以帮助你在几分钟内创建出页面的布局。你可以指定目标设备及分辨率,作为响应式规则,然后便可以打包下载整站的代码框架。
查看详情
相关文章推荐
- 【特别推荐】14个支持响应式设计的流行前端开发框架
- 【特别推荐】14个支持响应式设计的流行前端开发框架
- 15个最新的响应式设计前端框架
- 15个最新的响应式设计前端框架
- 使用前端框架Foundation 4来帮助简化响应式设计开发
- 14个支持响应式设计的流行前端开发框架
- 本文中,我们为大家收集了有关前端设计的9个非常有用的响应式框架。在过去的几年中响应式框架已经出现,如今它已经变得越来越普遍。因此,我们收集这些响应式框架来为您服务,希望当您在设计前端时这些框架能帮助到
- 14个支持响应式设计的流行前端开发框架
- 使用前端框架Foundation 4来帮助简化响应式设计开发
- 15个响应式设计前端框架
- 14个支持响应式设计的流行前端开发框架
- 推荐一款国内前端响应式框架Pintuer
- 14个支持响应式设计的流行前端开发框架
- 15个最新的响应式设计前端框架
- 14个支持响应式设计的流行前端开发框架
- 使用前端框架Foundation 4来帮助简化响应式设计开发
- 使用前端框架Foundation 4来帮助简化响应式设计开发
- 推荐给初入web前端几种常用的设计框架
- 【特别推荐】创建响应式页面框架开发的最佳JQUERY插件
- 前端设计字体推荐--20个漂亮的免费轮廓字体