グリッドレイアウト作成に便利な「Variable Grid System」

簡単にグリッドレイアウトのベースCSSが作成・確認できる便利なオンラインツールです。
サイズ・カラム数・カラム間の数値をパラメーターに入れると、
サイト上にグリットが表示されます。
もちろんCSSはダウンロード可能。
また「preview」をクリックすると以下のように様々なら、
グリッド内でカラム分けした様々なレイアウトが確認できます。

デザイン前のグリッドサイズの参考としてもかなり使えそうです。

「Variable Grid System」

Tweet