レスポンシブ対応の柔軟なグリッドを簡単に利用できる便利なフレームワークのまとめ

レスポンシブ対応の柔軟なグリッドが使えるだけのごくシンプルなものから、実用的なさまざまなユニットまで用意された高機能なものまで、便利なスタイルシートベースのフレームワークを紹介します。

まずは、シンプルなグリッドだけのものから。

Aeon
LESS対応、1KBのコードでレスポンシブ対応の12カラムのグリッドをつくります。

Ivory
320pxから1,200pxまでのスクリーンを想定したグリッドを提供するフレームワーク。

Gridism
12, 16カラムではなく、縦のセクションに分割するという考え方のシンプルなフレームワーク。

Kube
プロフェッショナルデベロッパ向けの超軽量フレームワーク、LESSにも対応。実用的なさまざまなユニットが用意されています。

Susy
Sass, Compassでレスポンシブ対応の柔軟なグリッドをつくります。

The Semantic Grid System
LESS, SCSS, Stylusでレスポンシブ対応のグリッドをつくります。

Foundation -The Grid
CSSのフレームワーク「Foundation」の12カラムベースのレスポンシブ対応のグリッド。

Bourbon Neat
SassのMixinライブラリ「Bourbon」のグリッド版。軽量でセマンティックです。

Golden Grid System
IE6-8もサポートしているLESS, SCSSのレスポンシブ対応のグリッドをつくります。

One% CSS Grid
緻密な計算でカラムや溝をパーセントで設計したレスポンシブ対応のグリッドをつくります。

Gumby
12カラムをベースに使い勝手のよいさまざまなユニットが用意されています。

Furatto
12カラムのグリッドをベースにしたフラットなスタイルのさまざまなエレメントが用意されたフレームワーク。