最速インターフェース研究会 :: テンプレートエディタを作ってみた

こんなのを作ってみました。 http://la.ma.la/misc/tmpledit/ HTMLソースを貼り付けて、ページの構造をダンプすることが出来ます。 とりあえずどんな感じかわかるように、このBlogのアドレスを入れてあるので取得ボタンを押すと出て来る様になってます。XMLHTTPでソース受信してるので外部ドメインのソース取得は無理です。ローカル保存+IEの場合は外部ドメインのソースも解析できます。 こういう感じの作るやつ、と言えばわかりやすいかも。 http://d.hatena.ne.jp/kamioka/20050609/1118324980 まあ、これがやりたかっただけなのですが、ついでにCSSの編集もできるようにしてみました。CSS編集モードに切り替えると、タグ名とクラス名とIDを確認しながらプレビューしつつその場でCSSを編集できます。 CSS適用ルーチンはこれの丸パク

[webmarksjp]

web

[sshi]

CSS作成用 HTMLの構造図示ツール。Javascript製

[asiamoth]

『HTMLソースを貼り付けて、ページの構造をダンプすることが出来ます。』これはすごい！！デザインが素晴らしいサイトは、構造も美しかった。

[higeorange]

[XHTML/HTML]

[retlet]

ウェブベースのCSSエディタ。IDやClassを可視化して編集できる

[yappo]

うほ！いい男！

[onishi]

ページの構造を表示。すごい

[se-mi]

ページ構造ダンプ

[wushi]

素敵インターフェース。

[takefumi]

イイ。

[shozzy]

面白げなツールだな。

[kent4989]

便利そう！

[shihiro3]

やべーこんなので自分のサイトの中身覗くの怖いなぁ

[hirokiea]

グッジョブってか。

[jungfrau]

[html]

[cine-paranoia]

すごい

[zetamatta]

なんてスピードで作るんだ…

[tetsu_y1]

テンプレートエディタ

[facet]

最速。

[matsunaga]

ソースの構造を解析。便利かも。「丸パクリ」と断言するのも好感。

[Yuny]

デザインから何からwebサイト運営が全てブラウザで間にあう時代は近い？

[mmddkk]

「HTMLソースを貼り付けて、ページの構造をダンプする」

[nobody]

まぁ。

[gae]

べんりそげな

[rAdio]

言葉の意味は良く分からんが、とにかくすごそうだ。

[cx20]

すばらしい。

[stfh]

便利かも

[adramine]

via d:id:kamioka。キター。使える。

[vkgtaro]

HTML の構造を自動で視覚的に表現。（これの自動化→http://d.hatena.ne.jp/kamioka/20050609/1118324980

[hiromark]

ページの構造をダンプしてくれるツール。すごいなぁ。