Webseiten entwickeln in 3D

Mit der Extension Tilt von Firefox lässt sich jede beliebige Webseite in 3D darstellen. Entwickelt wurde das Tool während eines Google Sommerlagers und wird seitdem auch aktiv von Entwicklern betreut.

Anstatt sich Elemente einer Webseite und deren Abhängigkeiten nebeneinander abzubilden, stellt Tilt die Beziehungen und Zusammenhänge der Seitenelemente in einer dreidimensionalen Struktur dar. Code-Fehler werden als Bruch in der sonst einheitlichen 3D-Darstellung angezeigt und können dadurch schnell erkannt und verbessert werden. Auch lassen sich Elemente, die sonst nicht auf den ersten Blick zu sehen sind, mit Tilt visualisieren. Zusätzlich zur Visualisierungsfunktion bietet Tilt auch die Möglichkeit, den verwendeten Code anzuschauen.

Für die Darstellung in 3D verwendet Tilt WebGL. Begonnen wird mit dem Body-Tag, alle weiteren Documentlayer werden ebenenweise darauf gestapelt, so dass ein in die Höhe wachsender Überblick entsteht. Navigieren lässt sich Tilt mithilfe der Tastatur oder der Maus.

Tilt hat auf jeden Fall Potenzial zum beliebten Webentwicklertool zu werden. Herunterladen kann man die Firefox Extention mithilfe des Firefox-Add-oons-Manager oder direkt bei Github. Über die aktuellen Entwicklungen und neuen Funktionen kann man sich im Tilt-Blog informieren.