创建响应式布局的优秀网格工具集锦《系列四》

　　如果网页设计和开人员采用了正确的工具集，并基于一个灵活的网格架构，以及能够把响应图像应用到到设计之中，那么创建一个具备响应式的网站并不一定是一项艰巨的任务。在这篇文章中，我们为您呈现了一组优秀的网格工具清单。如果我们错过了任何没有列出在这个清单上的东西，请分享给我们。

• Web 前端开发人员和设计师必读文章集锦
• 十个拥有丰富 UI 组件的 javaScript 框架
• 十款精心挑选的在线 CSS3 代码生成工具
• 开发者必备的八个最佳云端集成开发环境
• 2012年度最佳 Web 前端开发工具和框架

Fitgrd

Fitgrd 这个网格系统是建立响应式网站的坚实的基础。它是专用于快速制作原型，而且在生产环境中运行良好。该网格系统是完美的，并为您节省大量时间。

Responsive Boilerplate

它是一个轻量级响应式框架，利用 CSS3 将响应网站带入生活。样板有包含一个12列的网格并支持图像，视频以及主流的流体介质的任何内容。此外，下载包包括一个 PSD 网格，Sublime 代码片段和一些 Javascript 的响应式导航。

Simple Grid

Simple Grid 是为 Web 开发者准备的网格框架。简单的网格可以很好地支持1140px布局，但很容易适应任何大小的布局。

Responsive Grid System

响应网格系统是不是一个框架或样板，但一个快速和简单的方法来创建响应网站。它没有限制我们有一个12 ， 16或24列，也可以是任意数量的，并可以扩展到任何宽度。

Fluid Baseline

流体基线网格系统是装备了各种资源，是创建 HTML5,CSS3 为基础的网站的起点。它是建立与印刷标准考虑流体列布局，基础网格和移动第一响应式设计的校长组合成一个分辨率无关和设备无关的框架。

Gridpak

Gridpak 是响应式的网页设计工具，由Erskine Design创建。

The Responsive Calculator

只是一个简单的计算器，以帮助把你的 PSD 像素完美的转换到您的响应式网站。

Rwd Grid System

rwdgrid只是另一种网格系统，基于流行的960grid ，这是响应和移动，平板电脑，笔记本电脑和大屏幕显示范围。命名该网格系统的惯例是类似960网格系统，其中下划线被替换为连字符（增加可读性） .rwdgrid是具有1200像素+显示器， 960px +显示器， 720px +显示器和手机屏幕由不同网格系统。

Responsify

Responsify 是一个基于浏览器的工具，它允许你创建你自己的响应式模板。你可以把它作为一个响应式网站的基础。您可以自定义网格以满足您的内容，而不是试图使内容符合网格。

您可能感兴趣的相关文章

• 10套精美的免费网站后台管理系统模板
• 14个支持响应式设计的流行前端开发框架
• 60款很酷的 jQuery 幻灯片演示和下载
• 8个惊艳的 HTML5 和 JavaScript 特效
• 35款精致的 CSS3 和 HTML5 网页模板

英文链接：50 Grid Tools for Responsive Web Designs

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源