Tilt – Webseite in 3D mit Bauklötzchen

Sich das DOM mit zum Beispiel Firebug anzuschauen kann durchaus ernüchternd sein. Das Model wird in der Regel als Baum dargestellt und verrät nicht wirklich auf den ersten Blick, wie eine Seite aufgebaut ist. Stellt man sich den Baum visuell vor (und erinnert sich ein wenig an seinen Informatik-Unterricht) können sich die einzelnen Hierarchie-Ebenen durchaus als Bauklötze vorgestellt werden. Ein einzelner Bauklotz besteht wieder aus 1:n anderen Bauklötzen, usw. Fügt man alle Bauklötze zusammen erhält man die komplette Seite. Man kann sich auch nur die größeren Elemente anschauen, wie zum Beispiel bei einem Lego-Haus die vier Wände.

Screenshot eines DOM mit Tilt

Tilt ist ein Firefox-Plugin, dass exakt dies macht. Es nutzt WebGL, rotiert die Seite und stellt die DOM-Elemente als Bauklötze auf dem eigentlichen Design dar. Fein als Bauklötze, fein visuell, und fein durchschaubar. Möchte man sich schnell einen Überblick über das DOM verschaffen, kann Tilt helfen. Die Frage ist aber: ist es mehr als eine Spielerei. Ich meine: Nein. :)

Die Frage die sich mir stellt ist nämlich die: Welche Information kann mir Tilt beschaffen, die mir Firebug oder ein anderes Analyse-Tool nicht geben kann. Und die Antwort ist ganz klar: keine. Es mag Menschen geben die mit Tilt eher ein Model durchschauen, ich gehöre nicht dazu, insofern bringt mir Tilt nichts. Visuelle Menschen sollten mal ein Blick auf das Plugin werfen, vielleicht hilft es ihnen die Struktur einer Seite besser zu verstehen.

Ähnliche Beiträge

Mozilla Thimble – HTML & CSS lernen Meine persönliche Meinung ist ja, das Mozilla anstatt sich auf den Browser zu konzentrieren, in den diversesten Nebenprojekten aufreibt. Teilweise kom...
HTML-Validierung mit Firefox Es gehört heutzutage zum guten Ton, Kunden validen HTML-Quelltext auszuliefern. Jede andere Art der Auslieferung von Webseiten würde ich einmal frech ...
Typetester – online CSS für Fonts erstellen und ve... Die Definition eines Fonts ist jedes Mal aufs Neue ein ziemliches Rumgemurkse. Es ist zwar nicht schwer eine Verdana auszusuchen, aber aufgrund der vi...
Adobe Brackets – Code Editor für HTML, CSS &... Nach gefühlten 25 Jahren, dem Plattmachen von Homesite und einigen Versuchen Dreamweaver irgend etwas sinnvolles abzugewinnen glaubt jetzt wohl schein...

Ein Kommentar

  • Hallo,

    nun – es sieht nett aus :)

    Und was nett aussieht … usw.

    Ich könnte mir – spontan – vorstellen, über den optischen Weg
    ein „Prinzip“ zu verdeutlichen. Personen gegenüber, die sich eher
    gar nicht, wenig oder gerade erst damit beschaeftigen.

Schreibe einen Kommentar