Groundwork：一套开源的响应式设计工具
- - 互联网的那点事Groundwork 是在Github 上的一个基于 CSS 预处理器的开源项目 ，主要用于快速构建 Web 应用程序. 其拥有一个可嵌套的网格系统，非常灵活，几乎可以创建任何布局. 除了基本的模板和页面框架，这套工具中还提供了UI效果组件，在设计过程中可以提供高效的布局支持. Groundwork是一个响应式前端框架，基于SASS & Compass 并提供了一个高级的响应式布局，开发人员可通过一个模板进行高效的开发.
Groundwork：一套开源的响应式设计工具
标签：
资料报告
| 发表时间：2013-02-22 21:11 | 作者：P迪
出处：http://www.alibuybuy.com
Groundwork 是在Github 上的一个基于 CSS 预处理器的开源项目 ，主要用于快速构建 Web 应用程序。其拥有一个可嵌套的网格系统，非常灵活，几乎可以创建任何布局。
除了基本的模板和页面框架，这套工具中还提供了UI效果组件，在设计过程中可以提供高效的布局支持。
Groundwork是一个响应式前端框架，基于SASS & Compass 并提供了一个高级的响应式布局，开发人员可通过一个模板进行高效的开发。
就像是一个CSS + JavaScript 的HTML5配套工具，本身提供了完整的文档支持使用。
在布局设计上，Groundwork提供了多种UI组件来支持部署，包括导航，按钮，框架，图标。
通过运用这些系统中关键的组件，开发人员可以在开发的过程中快速地布局自己页面。
Groundwork是一套开源的工具，设计人员可以在这套工具中找到。
相关链接： Github源代码
来源： http://www.leiphone.com/warlial-html5-css-groundwork.html
© 推荐 for 互联网的那点事, 2013. |
Permalink |
2 comments |
Add to
del.icio.us
Post tags:
| 你可能也喜欢： | ||||
 翻开书本寻找光明，Lumio台灯设计 (@toodaylab) |
 橱窗设计之一 (@toodaylab) |
 20款超棒的响应式设计测试书签应用 |
 响应式网页设计需要考虑的5大预算因素 |
 响应性设计中的”金发女孩”方法 |
| 无觅 | ||||
相关 [groundwork 开源 响应式] 推荐：
Groundwork：响应式 HTML5，CSS & JavaScript 工具包
- - 博客园_梦想天空 Groundwork 是基于强大的 CSS 预处理器 Sass & Compass 的响应式 HTML5，CSS & JavaScript 工具包. 使用 Groundwork，您可以快速构建 Web 应用程序. Groundwork 拥有一个令人难以置信的灵活，可嵌套，流体的网格系统，是 Github 上的开源项目.
响应式网页设计
- - 前端观察这个话题最近很火爆，我也一直在关注，响应式网页设计和移动互联网密切相关，并因移动终端的丰富和普及而兴盛，并且是一个颇具争议的话题，我今天将和大家探讨下. 上周写了个简单的ppt在组内大概介绍了下，感兴趣的话可以 先看下这个PPT. 在说到这个话题前，我们先看下网页设计和前端开发的现状：. 全球有超过53亿手机用户（包括传统手机）.
响应式Web设计
- - 葵中剑's Blog - SwordAir.com响应式Web设计( Responsive Web Design – RWD)一般是指那些使用CSS3 Media Query特性制作站点，其可以适应不同视窗尺寸的布局. 虽然很早就已经有了类似RWD的概念，但直到最近一年里才开始变得特别流行，各种文章、例子、工具、模板，不断地从无到有，诸如：. 响应式Web设计50个例子和最佳实践.
响应式网页设计
- - IT技术博客大学习响应式网页设计最初是由 Ethan Marcotte 提出的一个概念：为什么一定要为每个用户群各自打造一套设计和开发方案. Web设计应该做到根据不同设备环境自动响应及调整. 当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，它更像是一种对于设计的全新思维模式；我们应当向下兼容、移动优先.
响应式Web设计
- - 阿里巴巴（中国站）用户体验设计部博客在设计中经常遇到这几个问题：. 1.想要网站兼容手机、平板电脑、pc，就得为不同的设备定制不同的版本. 2.想要网站的某些页面在宽屏显示器下一行显示更多的内容，又得为宽屏定制一个版本. 3.很多人并不是在全屏的情况下浏览我们的页面，如果让页面随着浏览器宽度改变而相应的调整会不会比较好. 有没有办法能有效解决这些问题呢.
Android响应式布局
- - 博客 - 伯乐在线由于目前在做的一款app需要适配手机和平板，所以我在研究怎么构建可适应所有屏幕尺寸的布局方法. 在web的响应式布局上我有很多经验，比如使用网格流，CSS3中的media queries属性等等，这些都可以实现web上的响应式布局，所以我想在Android上试试看. 在Android上，是通过 configuration qualifiers的方式来加载不同的资源,基于不同的手机屏幕尺寸或者屏幕的朝向（竖直还是水平），而我最大的目标就是创建一个可以自动缩放的布局，而不用根据不同的屏幕尺寸加载不同的布局文件.
漫谈响应式设计
- - 新浪UED学究一些，首先大家先了解一下响应，然后再讲一下设计，响应就是我发出的请求能得到什么样子的回复，比如我说“你好”，你会很容易的给我回复“你好”，因为大家都是中国人，如果我说“hello”，我们这代人如果上过初中，他也会给我说“Hello”，但是如果我给对你说“Bonjour”，那可能只有高配的人才可能知道了.
淘宝响应式WebUI设计实践
- - Taobao UED Team感谢贷岩的邀请，我在本期奶茶会上做了“响应式设计实践”的分享，是接着上一次的话题进一步讨论“如何实现”. 响应式Web设计(Responsive Web design)是当下比较流行的话题，什么是响应式设计. 简单讲，页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整.
Screenqueri.es：响应式设计测试工具
- - 我爱水煮鱼当你创建一个响应式的布局的时候，在绝大部分流行的分辨率的设备上进行测试是非常重要的，这可以让你决定页面上的每块是否现实或者优化它们的显示方式. 今天给大家介绍的 Screenqueri.es 就是一个免费的基于 Web 的响应式设计的测试工具，它能够让你输入一个网址，然后选择移动或者平板设备，然后对你的网站在各个分辨率下进行测试.