ブラウザのサイズに合わせてグリッドも変更する -Fluid Grid system
Post on:2010年5月21日
sponsors
可変グリッドシステム用のスタイルシートのフレームワーク「Fluid Grid system」を紹介します。

Fluid Grid system
※グリッド表示は右上の「SHOW GRID」をクリック
上記ページではブラウザのサイズを小さくすると、それに合わせてグリッドも小さく変更されます。

ブラウザのサイズを小さくしたキャプチャ
「Fluid Grid system」は成果物としてのレイアウトと同様、プロトタイプでも素早く使えるように設計されたものです。
デザイナーは素早くレイアウトがデザインでき、しっかりと設計された水平や垂直のリズムをもつ複雑なページの変更をすることもできます。
ダウンロードできるデモファイルには、6カラムと9カラムのレイアウトが用意されています。

デモファイル:6カラム

デモファイル:9カラム
sponsors