ブラウザのサイズに合わせてグリッドも変更する -Fluid Grid system
可変グリッドシステム用のスタイルシートのフレームワーク「Fluid Grid system」を紹介します。
Fluid Grid system
※グリッド表示は右上の「SHOW GRID」をクリック
上記ページではブラウザのサイズを小さくすると、それに合わせてグリッドも小さく変更されます。
ブラウザのサイズを小さくしたキャプチャ
「Fluid Grid system」は成果物としてのレイアウトと同様、プロトタイプでも素早く使えるように設計されたものです。
デザイナーは素早くレイアウトがデザインでき、しっかりと設計された水平や垂直のリズムをもつ複雑なページの変更をすることもできます。
ダウンロードできるデモファイルには、6カラムと9カラムのレイアウトが用意されています。
デモファイル：6カラム
デモファイル：9カラム
Post on:2010年5月21日
Comments
links for 2010-05-21 « 個人的な雑記
on 2010年5月22日
[...] ブラウザのサイズに合わせてグリッドも変更する -Fluid Grid system | コリス (tags: webdesign framework css grid) [...]
freewebdev.jp
on 2010年5月25日
可変グリッドシステム用のスタイルシートのフレームワーク「Fluid Grid system」
「The Fluid Grid system」
成果物としてのレイアウトと同様、プロトタイプでも素早く使えるように設計されたものです。
デザイナーは素早くレイアウトがデザインでき、しっかりと設計され…