Jun 16, 2005
テンプレートエディタを作ってみた
http://la.ma.la/misc/tmpledit/
HTMLソースを貼り付けて、ページの構造をダンプすることが出来ます。
とりあえずどんな感じかわかるように、このBlogのアドレスを入れてあるので取得ボタンを押すと出て来る様になってます。XMLHTTPでソース受信してるので外部ドメインのソース取得は無理です。ローカル保存+IEの場合は外部ドメインのソースも解析できます。
こういう感じの作るやつ、と言えばわかりやすいかも。
http://d.hatena.ne.jp/kamioka/20050609/1118324980
まあ、これがやりたかっただけなのですが、ついでにCSSの編集もできるようにしてみました。CSS編集モードに切り替えると、タグ名とクラス名とIDを確認しながらプレビューしつつその場でCSSを編集できます。
CSS適用ルーチンはこれの丸パクリ。
http://tokyoenvious.xrea.jp/b/javascript/css_editor.html
実際のHTML表示を見ながらやるよりも、普段表示されないクラス名やID名とかを可視化した状態で編集したほうが、脳にかかる負担は軽いかな、といった具合。そういうテンプレート編集に特化したCSSエディタみたいなのがあっても良いかなーなんて思って作ってみた次第ですが、保存とかつけてないので現状あまり使い物になりません。Firefoxの拡張でCSSをその場で編集とかそんなのがあった気もするけど、作ってしまったのでいいや。
IEの場合は中途半端にtabが使えます。
CSSの自動整形をやらせたくて、JavaScriptにCSSパーサー移植というのを、少し前に作りかけて放置しているので、気が向いたらそこら辺を組み込んでアップデートするかも。
----
6/15追記
ちょこちょこ更新。
ダンプ結果を印刷、保存用に新規ウィンドウで表示できるようにしました。
あと説明書書いた。
http://la.ma.la/misc/tmpledit/readme.txt
それと、アフィリエイト始めることにする。(今さら)
サイトのCSS構造設計に使える
CSSとテンプレートの構造設計って結構面倒くさい。 良いツールがないかと思ってい...
Dom Inspector
Firefoxに付いてるDOM Inspectorみたいなやつですね。
Inspectorで適当な要素名をクリックすると、Firefox上のどこにレイアウトされてるかアウトラインを点滅させて知らせてくれたりするので便利です。
JavaScriptによるHTML構造解析ツール
http://la.ma.la/blog/diary_200506130100.htm こちらのツールをいじっていたら、IEでXMLを見た時みたいにぱかぱか開いたり閉じたりしたくなったので、JavaScriptの練習も兼ねて開閉可能なダンプツールを作ってみた。 http://www.geocities.jp/ajiyoshi_blog/komekami/ FireFox on Linuxでは動いた。IEでも多分動くんじゃないかと思うけど、Windows持ってないから確認できない。動いたり、動かなかっ ...
[WEB] HTMLの構造を解析して図に
コメカミエディット at 最速インターフェース研究会
HTMLから構造を抽出して図にしてくれるツール．
使い方は簡単．ソースを貼り付けて「構造化ダンプ」をクリック．
そうすると構造が図になって出力されます．
スタイルシートを書くときに便利ですわーん．
ブックマーク/ネットワーク/インターネット/Web
Webサイト構築 Webコンテンツ作成 Webサーバ プロキシサーバ リバースプロキシ Webアプリケーション コンテンツ管理システム セキュリティ プログラミング アクセス解析 検査 Windows XP Service Pack 2 用 Internet Explorer 7...
Adan
laghetto vacanza a ustica http://bindo.info/immagini/37.html
ricetta con cardi andria nicola http://miniato.info/contatto/97.html
teac lettore mp3 mp 300 1 gb mp300 grasso corporei http://bindo.info/eta/84.html
remigio zampa lavoro brenna http://girolamo.info/lavoro/80.html
polizia municipale di modena incontro formia http://lazzero.info/oroscopo/59.html
camper deiva marina hotel posta marcucci http://girolamo.info/lavoro/4.html
fiscalita internazionale distribuzione gas http://salvadore.info/notizie/70.html
abbigliamento online scontato frasi di congratulazioni per la laurea http://lazzero.info/notizie/39.html
traduttore on line italiano tedesco antifurto camper http://salvadore.info/programmi/7.html
finanziamento melzo cassetto estraibile hard disk http://lazzero.info/agenda/10.html
arte isola d elba csi lodi http://bindo.info/registrati/6.html
cerco appartamento roma pro infanzia torino http://bindo.info/programmi/30.html
Mustafa
http://alunni.nicolababetto.net/annuncio-vendita-scooter.html [url]http://kingston.nicolababetto.net/damasco-coltello.html[/url] offerta scooter spiaggia lunga
http://boretto.nicolabianco.com/assicurazione-calasetta.html [url]http://durante.nicolababetto.net/hotel-eleganti-ischia.html[/url] soluzione rayman soluzione giochi hotel portorecanati
http://asservimento.nicolababetto.net/catania-voli.html [url]http://farcita.nicolabianco.com/incontro-verolengo.html[/url] caratteristica cucina italiana pompa ad iniezione centro automezzi pesante
http://pordenone.nicolababetto.net/agriturismo-elba.html [url]http://alvernia.nicolababetto.net/camera-borgomanero.html[/url] sony logo animato citt piemonte
http://brody.nicolababetto.net/incontro-tombolo.html [url]http://acquariofilia.nicolababetto.net/arianna-it.html[/url] rinnovo carta d identita ultras bari
http://acquariofilia.nicolababetto.net/arista-di-maiale.html [url]http://comanda.nicolababetto.net/aforisma-gibran.html[/url] emmeesse it vendita vino tipico online
http://preda.nicolababetto.net/giochi-junior-it.html [url]http://pianfei.nicolabianco.com/hit-mania-dance.html[/url] informazione offre manuali di c c
http://verbano.nicolabianco.com/fiera-levante.html [url]http://annidamento.nicolababetto.net/calcolo-oneri-concessori.html[/url] locali trans roma baite trentino
http://comanda.nicolababetto.net/aforismi-jim-morrison.html [url]http://ortopedici.nicolababetto.net/costruire-generatore-segnale.html[/url] viaggi indonesia lupi pallavolo
free nude webcam no submitig sites
テンプレートエディタを作ってみた
cartas del gratis leer tarot
テンプレートエディタを作ってみた
fantasy limited adult entertainment or seattle
テンプレートエディタを作ってみた
indian bartender blowjob
テンプレートエディタを作ってみた
national offender public registry sex
テンプレートエディタを作ってみた
car in loan title wisconsin
テンプレートエディタを作ってみた
adult dating community focused on sexual discovery
テンプレートエディタを作ってみた
car car finance loan motoring
テンプレートエディタを作ってみた
writeback message: Ready to post a comment.
