HTMLの構造をリアルタイムに階層表示してくれる「Live DOM Viewer」:phpspot開発日誌
Live DOM Viewer HTMLの構造をリアルタイムに階層表示してくれる「Live DOM Viewer」。 HTMLの論理構造を可視化したい場合になかなか使えそうです。 使い方は、一番上のウィンドウにHTMLを入力するだけ。それで、２段目のブロックにHTMLの階層構造をツリー表示してくれ、更に３段目のブロックにプレビュー表示してくれます。 関連エントリ サイトのCSSを見たままリアルタイムに編集するツール色々 CSSベースのフォームテンプレート セクシーなCSSホバーボタンを作成するチュートリアル DIVを垂直方向に中央寄せするCSSサンプル CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例 CSSの小技集、20個
HTMLをJavaScriptのDOM作成文にしてくれる「DOM Tool」:phpspot開発日誌
DOM Tool HTMLをJavaScriptのDOM作成文にしてくれる「DOM Tool」。 次のように、HTMLの <div> 要素を JavaScript の document.createElement の形に変更してくれます。 HTMLをそのままJavaScriptのコードに記述するとプログラム的にコードが読みにくくなったりしますが、このツールを使い、DOMの形式にすることが出来ます。 DOMの形式でJavaScriptプログラミングを行いたい方にとって、これはなかなか便利ですね。 JavaScript: DOM-HTMLを操作するための仕組み
【レビュー】エスプリの効いたDOMツリー生成ツール (1) シンプルだけど意外と便利な"DOMTool"- こんな実装のアイディアも悪くない (MYCOMジャーナル)
11月28日(フランス時間)、Stuart Colville氏は同氏のブログにおいて"DOMTool"という小粋なツールを公開した。JavaScriptで開発されたシンプルなツールで、実現のコンセプトも含めてなかなか興味深い。ライセンス表記も使用許諾も明記がないが、ブログの内容から察する限りではサービスの提供が目的ではなく、デベロッパ向けのちょっとしたアイディアと実装の紹介といったもののようだ。 DOMToolとは DOMToolはStuart Colville氏によって実装されたツール。入力にHTML文書を与えると、そのHTML文書を生成するDOMツリーをJavaScriptコードで出力するというもの。JavaScriptを使った開発をしている途中で、DOMツリーを生成する必要に迫られた場合など、同ツールでサクッとDOMツリー生成のJavaScriptソースコードが作れて便利!という寸法
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
