创建响应式布局的优秀网格工具集锦
如果网页设计和开人员采用了正确的工具集,并基于一个灵活的网格架构,以及能够把响应图像应用到到设计之中,那么创建一个具备响应式的网站并不一定是一项艰巨的任务。在这篇文章中,我们为您呈现了一组优秀的网格工具清单。如果我们错过了任何没有列出在这个清单上的东西,请分享给我们。
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 是一个基于浏览器的工具,它允许你创建你自己的响应式模板。你可以把它作为一个响应式网站的基础。您可以自定义网格以满足您的内容,而不是试图使内容符合网格。
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 是一个基于浏览器的工具,它允许你创建你自己的响应式模板。你可以把它作为一个响应式网站的基础。您可以自定义网格以满足您的内容,而不是试图使内容符合网格。
【创建响应式布局的优秀网格工具集锦】相关文章
3. phonegap教程第8讲 Jquery Mobile中流式布局,网格布局以及响应式布局教程 ...
6. 另外一款超棒的响应式布局jQuery插件 - Freetile.js
8. 响应式jQuery网格布局插件Grid-A-Licious
10. 使用 Responsive Elements 快速构建响应式网站
本文来源:https://www.51html5.com/a62.html
上一篇:KindEditor
下一篇:Charted – 自动化的可视化数据生成工具
﹝创建响应式布局的优秀网格工具集锦﹞相关内容
- 替代 Underscore 的优秀 JS 工具库
- 移动页面设计技巧!优秀网站案例分析
- 10 个轻松学会 CSS3 的优秀在线资源
- 快速排版网页布局的PS扩展 – Velositey
- div+css表单布局的五个小技巧
- CSS 3中弹性盒布局的最新版
- Google 开源的JavaScript工具和库集锦
- jQuery图片和HTML元素网格布局插件
- 优秀的响应式 jQuery 滑块插件
- 优秀的响应式 jQuery 滑块插件