07
Nov
07

[lang_en]Web Sites as Graphs[/lang_en][lang_it]Siti come Grafi[/lang_it]

Graph of INGV Bologna site[lang_en]Web sites as graphs: enter a URL and watch the DOM unfold in real time, simulating a set of particles reaching a minimum-energy equilibrium state.Found this randomly through Flickr; visually fascinating!Start from the HTML root element (black dot) and follow through your DIVs (green dots) hierarchy, then images and links (violet and blue respectively) etc.It can be easily extended into a semantic-structure analyzer, a validation tool; add mouse-over events showing nodes’ content and you have the coolest User Interface for any DOM-inspector Firefox extension (Firebug->Inspect included).The code is there, anyone …?[/lang_en][lang_it]Siti come grafi: inserisci una URL e guarda il DOM dispiegarsi in tempo reale, simulando un insieme di particelle che raggiunge il suo stato di equilibrio.Trovato per caso su Flickr: visivamente affascinante!Partendo dall’elemento HTML (punto nero) è semplice riconoscere la struttura gerarchica dei DIV (verdi) e al loro interno immagini link etc.Potrebbe essere esteso facilmente in uno strumento per l’analisi della struttura semantica, in un validatore, o integrato come elemento di interfaccia di una qualsiasi estensione per Firefox che tratti col DOM.Il codice sorgente è disponibile …..qualcuno ha tempo e voglia ?!?[/lang_it]


0 Responses to “[lang_en]Web Sites as Graphs[/lang_en][lang_it]Siti come Grafi[/lang_it]”


  1. No Comments

Fatal error: Call to undefined function adsense_deluxe_ads() in /usr/www/users/lucapost/poster_site/wordpress/wp-content/themes/redoable/comments.php on line 142