搜索

查看: 289|回复: 0

14个实用的响应式设计框架

[复制链接]

489

主题

0

好友

1764

积分

管理员

发表于 2012-11-15 00:06:43 |显示全部楼层
1、Titan FrameworkTitan Framework是一个用于响应式设计的CSS框架

网站链接:http://titanthemes.com/titan-framework-a-css-framework-for-responsive-web-designs
Github链接:
  1. https://github.com/drewwilson/titan
复制代码




2、Responsive Grid System流体网格CSS框架,用于快速、直观的开发响应性网站。可以使用12列,16列和24列响应式网格设计。


网站链接:http://responsive.gs/
Github链接:
  1. https://github.com/StudioSnapsize/responsive-gs
复制代码


3、IngridIngrid是一个轻量级和流体的布局系统,其主要目标是减少使用类。Ingrid也必须是一个可扩展的系统,容易定制你自己的需要。


网站链接:http://piira.se/projects/ingrid/
Github链接:
  1. https://github.com/robertpiira/ingrid
复制代码


4、GumbyGumby是一个新的960网格布局系统,其具有响应式布局功能。


网站链接:http://www.gumbyframework.com/
Github链接:
  1. https://github.com/dsurgeons/gumby
复制代码


5、Susy: Responsive grids for Compass响应式设计具有超强的用户体验,你需要定制几套不同的样式。Susy是一个流体网格布局,而且具有响应式布局功能,而且你可以随时根据自己所需定制适合自己的一套需求。


网站链接:http://susy.oddbird.net/
Github链接:
  1. https://github.com/ericam/susy
复制代码


6、Responsive Grid System这个响应网格系统不是一个框架。这也不是一个样板。这是一个快速、简单和灵活的方式来创建一个响应的web站点系统。


网站链接:http://www.responsivegridsystem.com/
Github链接:
  1. https://github.com/grahammiller/ResponsiveGridSystem
复制代码


7、Foundation 3最先进的响应前端框架。


网站链接:http://foundation.zurb.com/
Github链接:
  1. https://github.com/zurb/foundation
复制代码


8、Less + Framework是一个跨平台的响应式框架系统


网站链接:http://www.angrycreative.se/wordpress/plugins/less-framework/
Github链接:
  1. https://github.com/jonikorpi/Less-Framework
复制代码


9、Base Framework是创建在移动端上的一款超简单的responsive框架。


网站链接:http://matthewhartman.github.com/base/
Github链接:
  1. https://github.com/matthewhartman/base/tree/
复制代码



10、Toast CSS Framework一个简单可复用的网格系统,整个框架中包含三个部分:标准的reset、网格系统和排版风格。


网站链接:http://daneden.me/toast/
Github链接:
  1. https://github.com/daneden/Toast
复制代码




11、Bourbon Neat一款基于sass语言开发的框架,而且整体使用em为单位。


网站链接:http://neat.bourbon.io/
Github链接:
  1. https://github.com/thoughtbot/neat
复制代码




12、Proportional Grids


网站链接:http://builtbyboon.com/blog/proportional-grids
Github链接:
  1. https://github.com/mattberridge/Proportional-Grids/
复制代码




13、Kube CSS Framework号称最小,具有自适应和responsive的一套样式框架。


网站链接:http://imperavi.com/kube/
Github链接:
  1. https://github.com/sashka/kube
复制代码




14、Responsive html5 Aeon Framework这是新版本的HTML5 NewAeon框架。有一个灵活的网格系统、mediaqueries、百分比。


网站链接:http://www.newaeonweb.com.br/responsiveaeon/
Github链接:
  1. https://github.com/newaeonweb/ResponsiveAeon-Cssgrid
复制代码



快点砸票吧!求加精!:-125)


友荐云推荐
回复

使用道具 举报

手机版|Archiver|w3cvip.com  

GMT+8, 2013-2-12 07:52 , Processed in 0.053391 second(s), 32 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部