via Java-Applet kann man seine Seite analysieren und grafisch ausgeben lassen. Aharef.info, Websites as graphs:
HTML consists of so-called tags, like the A tag for links, IMG tag for images and so on. Since tags are nested in other tags, they are arranged in a hierarchical manner, and that hierarchy can be represented as a graph. I’ve written a little app that visualizes such a graph, and here are some screenshots of websites that I often look at.
I’ve used some color to indicate the most used tags in the following way:
blue: for links (the A tag)
red: for tables (TABLE, TR and TD tags)
green: for the DIV tag
violet: for images (the IMG tag)
yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
black: the HTML tag, the root node
gray: all other tags
Basic Thinking Blog
Leider kann man die einzelnen Knotenpunkte nicht anklicken, um weitere Infos zu bekommen. So ist es halt eine nette Spielerei.
Google sieht so aus
Neue Stellenangebote
|
Growth Marketing Manager:in – Social Media GOhiring GmbH in Homeoffice |
|
|
(Senior) Social Media Manager (m/w/d) IronMaxx® Nutrition GmbH & Co. KG in Hürth, Monheim am Rhein |
|
|
Pflicht-Praktikum im Berech Produktionssystem (MPS) als Projektleiter Social Media/ Online-Marketing/ Content Creation ab April 2025 Mercedes-Benz AG in Esslingen am Neckar |
via Netzbuch. Ralle kommt seine Blogger-Pflicht nach: Und damit hätten wir dem Web – Spielzeug – Blog – Herdentrieb mal wieder genüge getan. 😉
Neue Stellenangebote
|
|
Growth Marketing Manager:in – Social Media GOhiring GmbH in Homeoffice |
|
|
|
(Senior) Social Media Manager (m/w/d) IronMaxx® Nutrition GmbH & Co. KG in Hürth, Monheim am Rhein |
|
|
Social Media und Newsletter Manager (m/w/d) Bierbaum Proenen GmbH & Co. KG in Köln |
|
|
Online Marketing / Social Media – Manager (m/w/d) ARD-Programmdirektion in München |
|
|
Social Media Manager (m/w/d) Institut der deutschen Wirtschaft in Köln |
|
|
Social Media Manager (m/w/d) in Vollzeit Bayerischer Hotel- u. Gaststättenverband DEHOGA Bayern e.V. in München |
|
|
Marketing-Manager mit Schwerpunkt Event und Social Media (m/w/d) Optigrün international AG in Krauchenwies-Göggingen |
|
|
(Junior) Social Media Manager (m/w/d) VILSA-BRUNNEN Otto Rodekohr GmbH in Bruchhausen-Vilsen |
[…] Gerade via Basicthinking gefunden: […]
Hi Robert
Danke fuer den Beitrag. Ich bin uebrigens gerade daran, das Tool upzugraden, sodass man auf jedem Knoten Information ablesen kann. Aber irgendwo muss man ja immer mal anfangen 😉
Cheers,
Sala, aharef.info
kompliment für die idee, bin gespannt auf das update 🙂
[…] (via Basic Thinking Blog) […]
hahaha…gib mal openblog ein…hört gar nicht mehr auf 🙂
Your Site, Naked!
Nifty little feature from Sala [aharef] found via Robert. Just type in your website or blog url and see your tags popping around like confetti. click here if you can´t resist to test it
[…] via Basic Thinking und sixtus.net […]
[…] Übrigens, lt. Salas (von Aharef) Kommentar bei Robert Basic, soll man demnächst nähere Infos über die Knoten bekommen. […]
Die Webseite als Tapetenvorlage
matblog.de visualisiert. Ein wunderschönes Tool zum Visualisieren des DOM-Modells einer Webseite hat Sala, ein Künstler aus der Schweiz, programmiert.
Basierend auf Processing, Traer Physics und HTML Parser wird der Source Code einer Seite geparsed u
Webstandards auf dem grafischen Prüfstand
Wer von Euch bei Manuela oder Robert noch nicht den HTML-Fun-Faktor geschnuppert oder gar lieb gewonnen hat, für den kommt der kleine Beitrag hier noch ganz recht. Weiterdenken ausdrücklich erwünscht. Ich schreibe diesen Hinweis weniger,…
[…] Websites as Graphs via Robert […]