HTML layout generator - Layzilla.com

ブラウザ上で複雑なレイアウトが作れる「Layzilla.com」
空白のキャンバスにボタンをポチポチ押していってドラッグ＆ドロップすることでレイアウトをどんどん組み立てられます。



レイアウトを配置した例。それぞれ、ふちをドラッグすればリサイズ可能



終わったらソースコードをジェネレート



次のようなそこそこ綺麗なHTMLが出力できます。



勿論、CSSも出力できます。

関連エントリ

• 複雑なCSSレイアウトをウェブ上で簡単に作成できる「The 1Kb CSS Grid」
• レイアウト作成に役立つCSSグリッドレイアウトジェネレーター集