30+ CSS Grid System

30+ CSS Grid System

网站制作总是离不开布局,固定布局流体布局弹性布局这几种是大家常见的布局方式,以及现在越来越多的Responsive布局。布局方法很多,但有没有想过用最简单的方法让你随时能做到应付自如呢?其实有的,很多人都在使用网格布局系统,使用一套成熟的网络系统,让自己一劳永逸。常见的网络布局有:Blueprint: A CSS Grid Framework960 CSS Grid SystemTripoli FrameworkYAML – Yet Another Multicolumn LayoutYUI Grid CSS等,而且现在网格上也为这些网格布局提供了很多工具,比如说: Grid Designer 2.6bYUI CSS Grid BuilderYAML BuilderGridnatorVariable Grid System等等。其实除了这些之处,还有很多很多优秀的网格布局系统,今天我向大推荐30款网络布局系统,这些网格系统有固定布局的,有流体布局的,也有响应式布局的。如果你喜欢,花点时间了解一下吧。

1、Fluid Grids

Fluid Grids

download

2、Gridset

Gridset

download

3、Responsive Calculator

Responsive Calculator

download

4、Gridpak

Gridpak

download

5、Semantic Grid System

Semantic Grid System

download

6、Columnal CSS Grid System

Columnal CSS Grid System

download

7、Simple Grid

Simple Grid

download

8、Golden Grid System

Golden Grid System

download

9、Foldy960

Foldy960

download

10、SUSY

SUSY

download

11、A Better Photoshop Grid for RWD

A Better Photoshop Grid for RWD

download

12、1140PX CSS Grid

1140PX CSS Grid

download

13、Responsive Grid System

Responsive Grid System

download

14、960 Grid System

960 Grid System

download

15、Frameless

Frameless

download

16、Responsive Grid System

Responsive Grid System

download

17、Skeleton

Skeleton

download

18、Zen Grids

Zen Grids

download

19、Responsify

Responsify

download

20、Gridiculo.us

Gridiculo.us

download

21、Fluid Baseline Grid System

Fluid Baseline Grid System

download

22、Twitter Bootstrap

Twitter Bootstrap

download

23、978 Grid Sistem

978 Grid Sistem

download

24、Flurid

Flurid

download

25、Tiny Fluid Grid

Tiny Fluid Grid

download

26、The 1KB CSS Grid.

The 1KB CSS Grid.

download

27、Grid calculator and generator

Grid calculator and generator

download

28、The Heads-Up Grid

The Heads-Up Grid

download

29、Fluid Baseline Grid

Fluid Baseline Grid

download

30、BluCSS

BluCSS

download

2012年10月19日更新

31、Grid—A—Licious

Grid—A—Licious

download

2012年10月25日更新

32、One% CSS Grid

One% CSS Grid

download

2012年10月26日更新

33、Simple Grid

Simple Grid

download

2012年10月31日更新

34、RWDgrid

RWDgrid

download

2012年11月02日更新

35、ZURB CSS Grid Builder

ZURB CSS Grid Builder

download

36、Blueprint

Blueprint

download

2012年11月12日更新

37、34 RESPONSIVE GRID SYSTEM

34 RESPONSIVE GRID SYSTEM

download

如需转载,烦请注明出处:http://www.w3cplus.com/source/30-css-grid-system.html

返回顶部