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

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

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

Plumbのキャプチャ:その1

Plumb

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

Plumbのキャプチャ:その2

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

Plumbのキャプチャ:その3

top of page

©2017 coliss