オンラインでグリッドレイアウトが簡単に設計できる -Plumb

Plumbは、Blueprint CSSを使用したグリッドレイアウトを簡単に設計できるオンラインサービスです。

まず、1カラム30px、マージン10px上に、コンテナを設置します。
各コンテナは、マウス操作で移動やサイズ変更が可能です。

Plumb

「Recognize & test」をクリックすると、下記のようにブラウザ上でどのように見えるか表示されます。
黒の四角で、縦方向の可変を確認できます。

「Get HTML」をクリックすると、ダミーテキストが入ったHTMLを生成されます。