[WEB DESIGN] rendr – ウェブベースのHTMLエディタ
ブラウザ内でHTMLとCSSの記述ができるエディタ。マック環境だとSafariではちゃんと動作しないのでFireFoxで試してみましょう。左の画像クリックでFFで編集中の画面が大きく表示されます。丸角ボーダーなんかも使ってますね。まぁそれはいいとして、このウェブアプリがスゴいのは記述内容がリアルタイムに反映されるという点。「Markup」だけでなく「CSS」の方も、書いた内容がすぐにページ内に反映されます。試しにCSSタブ内の「body {background:#624847;}」を#000にしたりすると挙動が分かると思います。また編集用の小ウィンドウは右下の緑色のハンドルをドラッグすると大きさを変更でき、ウィンドウ上部をドラッグすれば移動もできます。正直感動モンの簡単さ。こういうウェブの記述の仕方って、例えばiWebとかのコンシューマー向けエディタにも向いてるような気もするんだよね。といってCSS直書きはさすがに敷き居が高いかもしんないけど。うーんそれにしてもスゴい。
rendr >> | Site top >>
4 thoughts on “[WEB DESIGN] rendr – ウェブベースのHTMLエディタ”