HTML5开发工具

当前位置: HTML5技术网 > HTML5开发工具 > 创建响应式布局的优秀网格工具集锦

创建响应式布局的优秀网格工具集锦

如果网页设计和开人员采用了正确的工具集,并基于一个灵活的网格架构,以及能够把响应图像应用到到设计之中,那么创建一个具备响应式的网站并不一定是一项艰巨的任务。在这篇文章中,我们为您呈现了一组优秀的网格工具清单。如果我们错过了任何没有列出在这个清单上的东西,请分享给我们。
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 是一个基于浏览器的工具,它允许你创建你自己的响应式模板。你可以把它作为一个响应式网站的基础。您可以自定义网格以满足您的内容,而不是试图使内容符合网格。

【创建响应式布局的优秀网格工具集锦】相关文章

1. 创建响应式布局的优秀网格工具集锦

2. 创建响应式布局的10款优秀网格工具集锦

3. phonegap教程第8讲 Jquery Mobile中流式布局,网格布局以及响应式布局教程 ...

4. 响应式布局的设计方法和响应式前端优化干货

5. 基于Web的响应式布局创建工具

6. 另外一款超棒的响应式布局jQuery插件 - Freetile.js

7. 10个免费的响应式布局HTML5+CSS3模板

8. 响应式jQuery网格布局插件Grid-A-Licious

9. 12个学习CSS网站布局设计的优秀案例

10. 使用 Responsive Elements 快速构建响应式网站

本文来源:https://www.51html5.com/a62.html

点击展开全部

﹝创建响应式布局的优秀网格工具集锦﹞相关内容

「创建响应式布局的优秀网格工具集锦」相关专题

其它栏目

也许您还喜欢