前の記事 ≪:画像にクールなアニメーションするホバーエフェクトを作るCSS3チュー...
次の記事 ≫:マウス位置に応じてタイポグラフィを変化させるHTML5サンプル

ブラウザ上で複雑なレイアウトが作れる「Layzilla.com」

2011年11月15日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
HTML layout generator - Layzilla.com

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



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



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



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



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

関連エントリ
関連の記事検索:Webデザイン, webサービス, レイアウト, Web制作
スポンサード リンク

By.KJ : 2011年11月15日 10:04 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)