WYSIWYGなHTML & CSS レイアウトツール「layoutty」ってのを作りました。 HTML & CSS によるレイアウトを、簡単にブラウザ上でやっちゃうツール、「layoutty」ってのを作りました。まぁ、ツールと言っても、ただのhtmlファイルなんですが。 モックアップや、ページのベースとなる部分などを作るときに、ぱぱっとできるので便利かもしれません。あと、単体のhtmlファイルなので、ダウンロードしてローカルで使用できます。 レッツトライ こちらから使えます。 使い方 [Dom tree]の[add child]や[add sibling]をクリックして、DOM要素を追加 追加したDOM要素のプロパティを好きなように変更 1.と2.を繰り返す CSSのクラスを追加したい場合、[Additional CSS]に記述する 完成したら、[Output]の[html]、[css]