15款响应式设计前端框架推荐_最新动态_新闻资讯_程序员俱乐部

　　英文原文：15 New Responsive Frameworks

　　随着响应式 Web 设计的不断成熟，各类框架也变得越发健壮和可靠。如今很多新的框架都开始向一体化多功能的模式进化，它们提供了更多的功能，包含可复用的组件和模块，例如图标、对话框、页码导航、面包屑、导航栏等等。

　　当然，不是所有的框架都集成了大量的功能，有些仅提供了简洁的固定布局基础。今天，给大家推荐 15 款最新的响应式框架，希望对大家有用。

　　1. Girder

　　通过 Sass 构建的 Girder 是一款最小化的网格系统工具集，可以帮你构造按逻辑分组的弹性布局。它通过 silent class (placeholders)在 HTML 中构建内容(让你的 HTML 从过多的表现层 class 中解放出来)，而且由于支持复杂的 media queries，它可以根据项目需求调整尺寸。

　　查看详情 / 获取源码

　　2. Cardinal

　　Cardinal 是一款聚焦于响应式 Web 应用的小型“移动优先”CSS 框架，通过它，你可以更轻松的为响应式 Web 应用构建原型或生产站点，并有效的维护样式表。这款框架刻意忽略掉了一些表现样式层面的东西，以避免成为庞大而复杂的 CSS 框架，并将设计决策权完全交给你。

　　查看详情 / 获取源码

　　3. Typeplate

　　Typeplate 是一款用于文字排版的入门级工具。它不涉及过多的视觉样式呈现，但是为常见的文字排版模式提供了得当的且具有扩展性的标记。

　　查看详情 / 获取源码

　　4. Gridism

　　Gridism 是一个简单的 CSS 网格系统，内置了一些响应式相关的实现模式。

　　查看详情 / 获取源码

　　5. Furatto

　　Furatto 是一款扁平化风格的前端框架，特别适用于以其他框架为基础进行快速 Web 开发。

　　查看详情 / 获取源码

　　6. PocketGrid

　　PocketGrid 是一款轻量级(只有 0.5kB)纯 CSS 响应式网格系统，你可以通过它实现任意数量的纵列。PocketGrid 拥有一套基于模块及模块组的弹性系统，而非传统的通过行和列来创建网格。其中，模块组类似于行，模块本身则与列的概念相似。与传统网格系统相比，PocketGrid 的方式更加灵活。

　　查看详情 / 获取源码

　　7. .Fitgrid

　　.Fitgrd 是一款为了快速创建原型的需求而设计的框架(但在生产环境中的表现也很不错)，为那些不想让自己的页面看上去太像 bootstrap 风格的设计师提供了一个坚实的基础。这套网格系统包含了 12 个列，宽度基于百分比，每一列两侧都各有一个基于百分比的外边距。

　　查看详情 / 获取源码

　　8. Kraken

　　Kraken 是一款轻量级、移动优先的模板框架，仅包括一些最必需的功能：一个 CSS 重置文件，用来确保跨浏览器的兼容性；一个响应式的、移动优先的网格系统；一套设计优秀、液态排版的标尺；CSS3 按钮；最基本的视觉风格元素；还可以通过可选插件实现更多功能。

　　查看详情 / 获取源码

　　9. Markup

　　Markup 是一套布局、挂件、UI 风格和其他组件的合集，你可以在项目中直接使用，让开发流程更快速高效。

　　查看详情

　　10. Topcoat

　　Topcoat 是一款开源 CSS 框架，其主题可被高度定制化，让你能够更轻松的创建 Web 应用。

　　查看详情 / 获取源码

　　11. Cascade

　　Cascade 框架可以根据功能而不是选择器来将你的 CSS 划分到不同的文件当中，其设计风格在很大程度上受到 SMACCS 和 OOCSS 的影响。

　　查看详情 / 获取源码

　　12. Responsable

　　Responsable 是一款基于 Semantic.gs 和 LESS 的响应式网格系统。

　　查看详情 / 获取源码

　　13. Ratchet

　　Ratchet 可以帮你通过简单的 HTML、CSS 和 JavaScript 制作移动应用的原型。

　　查看详情 / 获取源码

　　14. Clank

　　Clank 也是一款可以帮你创建移动应用原型的开源框架。

　　查看详情 / 获取源码

　　15. Responsive Web CSS

　　Responsive Web CSS 可以帮助你在几分钟内创建出页面的布局。你可以指定目标设备及分辨率，作为响应式规则，然后便可以打包下载整站的代码框架。

　　查看详情