ページの幅、カラムの数、溝の幅を任意で設定し、グリッドレイアウトのベースを設計・作成できるオンラインサービスを紹介します。
上記のキャプチャはグリッドを生成したもので、初期画面は下記のようになります。
グリッドの作成方法は簡単です。
- 「Width」にページの幅を入力。
- 「Columns」にカラムの数を入力。
- 「Gutters」に溝の幅を入力。
- 以上で入力作業は終了で、「Save」をクリックするとグリッドが生成されます。
- HTMLとCSSは、各ボタンをクリックすると生成されます。
レイアウト画面ではヘッダ・コンテンツ・フッタが配置されており、それとは別に任意で設定したパネルを配置することも可能です（上キャプチャのグレー箇所）。
Post on:2009年12月3日
評価いただきありがとうございます。私たちは希望が好きな人。
Hi, Cory.
thank you for visited my site.
[...] グリッドをオンラインで簡単に設計・作成できる [...]