Example - In search of the One True Layout - One True Layout- Interactive Example

オンラインで自在にCSSレイアウトをデザイン出来るサイト。

フォームにて、ページのカラム数やそのカラムのサイズを調整でき、そのままボタンを押せばプレビューが実行されます。
他にもオプションが色々選択でき、結果的に、HTMLとCSSのコードを出力することが可能。
複雑なカラムのレイアウトを独自に作りたい際にはなかなか便利かもしれませんね。



↓プレビューされたレイアウト



レイアウトを作成する効率的な方法として、他にもレイアウト集のサンプルを元にコピペで作成していく方法がありますが、
この場合、「CSSレイアウトのサンプル集」で紹介したページが使えますね。

関連エントリ

• サイトのCSSを見たままリアルタイムに編集するツール色々
• CSSなタブインタフェースを簡単に作成できる「CSS Tab Designer」
• オンラインで動く、色, CSS, robots.txt, .htaccess等のジェネレーター色々
• CSSテンプレート配布サイト色々
• オンラインから使えるCSS最適化ツール
• Yahoo!が提供するレイアウト用CSSライブラリ