Drawter.com - DrawAble Markup Language

ドラッグ＆ドロップで描画して好きなHTMLレイアウトを作成できる「Drawter.com」。
次のように、グラフィックソフトを扱うように、範囲をドラッグ＆ドロップで囲ってブロックが作れます。



好みのレイアウトが出来たら、後は、Code メニューから「Generate Code」を選ぶだけでコードが作れます。
ブロックベースのレイアウト作成ツールはありますが、こういった自由な形に作成できるものは珍しいですね。
凄く凝ったレイアウトを作る際になかなか使えそうです。

関連エントリ

• 質問に答えるだけで1〜3カラムのCSSレイアウトページ生成
• ビジュアルにドラッグ＆ドロップでCSSレイアウトをデザインできる「YAML Builder」
• WYSIWYG型オンラインCSSデザインツール「CSSEZ」