Täglich sehen wir Webseiten… und wir sehen nur das Visuelle. Kaum jemand macht sich Gedanken wie das HTML dahinter aussieht. Aharef hat nun ein Tool HTML-Graph entwickelt, welches Webseiten aufgrund der HTML-Struktur als Graphen darstellt.
Dabei werden die HTML Tags hierarchisch als einzelne Knoten in den Graph “übersetzt”.
Raus kommen dabei lustige (aufschlussreiche) Bilder, welche einen Einblick in die Mächtigkeit der dargestellten Seite geben.
Beispiel www.namics.com:
Beispiel blog.namics.com:
Beispiel www.namicsrotweiss.com:
Und was bedeuten die Farben?
blau: Links (der A-Tag)
rot: Tabellen (TABLE, TR und TD-Tags)
grün: DIV-Tags
violett: Bilder (IMG-Tag)
gelb: Formulare (FORM, INPUT, TEXTAREA, SELECT und OPTION-Tags)
orange: Zeilen und Blockquotes (BR, P, and BLOCKQUOTE-Tags)
schwarz: HTML-Tag, der Root-Knoten
grau: alle anderen Tags
Viel Spass!
[edit]
Wer findet die Seite mit dem
- lustigsten
- grössten
- farblosesten
- besten strukturierten
Graphen?
Für “extrem gross” schicke ich mal spiegel.de ins Rennen (lädt/sortiert/strukturiert nach 5min immer noch)!
[/edit]
coole geschichte.. gefällt mir :)
nzz
Google und CNN… http://www.aharef.info/static/htmlgraph/?url=http%3A%2F%2Fwww.google.com
http://www.aharef.info/static/htmlgraph/?url=http%3A%2F%2Fwww.cnn.com
1A das Ding. Jetzt brauchen wir noch einen Rorschachtest für Websites… oder was sehen Sie?
Spannend – nur ist auch hier wohl weniger mehr – oder?
Für alle Techie-Künster: wie wär’s mit dem umgekehrten Ansatz? Generieren einer HTML Struktur aufgrund eines Graphen oder eines Bildes?
Hier mein Favorit – die 1M$hp – hat sich bei mir aufgehängt ;-)
http://www.aharef.info/static/htmlgraph/?url=http%3A%2F%2Fwww.milliondollarhomepage.com%2F
Zieh dir die mal rein:
Da is Spiegel dagegen nen klacks!
http://www.aharef.info/static/htmlgraph/?url=http%3A%2F%2Fserver26.hostpoint.ch%2F%7Esandrats%2FphpBB2%2F
@Sandra-Lia: wirklich cool und schoen gross!!!
btw: koennte es sein dass Du seit heute Mittag schon mit dem Ding spielst?
Posted by: Sandra-Lia | 29.05.06 12:16
Posted by: Sandra-Lia | 29.05.06 16:52
–> 4h36min…! ;-)
mir gefällt swisscom … sehr reduziert :-)
http://www.aharef.info/static/htmlgraph/?url=http%3A%2F%2Fwww.swisscom.com
nö,Markus, es soll Leute geben, die hin und wieder Produktiv sind. ^
Weniger ist mehr!
(validiert nicht!)
Meine Güte, habt ihr an allem solch grosse Freude was farbig ist und sich dreht? :)