Tilt zeigt Webseitenaufbau in 3D an.
Tilt zeigt Webseitenaufbau in 3D an. (Bild: Golem.de)

Tilt

Webseitenstrukturen in 3D zeigen

Die Firefox-Erweiterung Tilt macht den Aufbau einer Webseite sichtbar. In einem 3D-Modell kann der Nutzer die Struktur räumlich erkennen, ohne auch nur eine Zeile HTML-Code zu studieren.

Anzeige

Die 3D-Visualisierung der Firefox-Extension Tilt ist mit Hilfe von WebGL realisiert worden und nutzt das DOM-Modell zur Strukturierung der Ansicht. Die 3D-Seiten erinnern an Bauklötze, die in verschiedenen Ebenen angeordnet sind, je nachdem, zu welchem DIV-Block oder UL oder zu welcher anderen Dokumentenstruktur sie gehören. Der Body als unterster Layer bildet die Basis der 3D-Darstellung.

  • Firefox-Erweiterung Tilt zeigt Golem.de in 3D (Bild: Golem.de)
  • Firefox-Erweiterung Tilt zeigt Golem.de in 3D (Bild: Golem.de)
  • Firefox-Erweiterung Tilt zeigt Golem.de in 3D (Bild: Golem.de)
  • Firefox-Erweiterung Tilt zeigt Golem.de in 3D (Bild: Golem.de)
  • Firefox-Erweiterung Tilt zeigt Golem.de in 3D (Bild: Golem.de)
  • Firefox-Erweiterung Tilt zeigt Golem.de in 3D (Bild: Golem.de)
  • Firefox-Erweiterung Tilt zeigt Golem.de in 3D (Bild: Golem.de)
Firefox-Erweiterung Tilt zeigt Golem.de in 3D (Bild: Golem.de)

Tilt wurde von Victor Porof, Cedric Vivier und Rob Campbell entwickelt. Das Projekt startete im Rahmen des Google Summer of Code und wird nun nach Angaben des Teams weiterentwickelt. Die Firefox-Erweiterung soll kein reines Spaßprojekt sein, sondern vielmehr Webentwicklern die verschiedenen Beziehungen der Webseitenelemente zueinander grafisch verdeutlichen. So sollen Fehler schneller erkannt werden.

Gestartet wird Tilt über das Menü oder über die Tastenkombination Strg+Shift+L und mit Escape wird die Darstellung wieder beendet.

Künftig soll es mit Tilt auch möglich sein, den markierten Teil des HTML-Codes optisch hervorzuheben, die 3D-Darstellung bei Codeänderungen automatisch zu aktualisieren oder den Z-Index zu visualisieren. In einem Blog informieren die Entwickler über den aktuellen Stand.

Tilt kann über Github als XPI heruntergeladen und auch als Quellcode bezogen werden.


SoniX 04. Aug 2011

Wir sind auch nicht hier um Sie zu überzeugen. Ich persönlich kann es aus dem Text auch...

c3rl 02. Aug 2011

Auch mit guter räumlicher Auffassungsgabe, welche ich mir zuschreibe, und auch trotz...

Hans Schmucker 01. Aug 2011

Etwas mehr muss es dann doch schon sein (3D-nav, z-index beeachten...) , aber ja: es gibt...

Hans Schmucker 01. Aug 2011

Es liegt auf dem linken Mousebutton.

Kommentieren


Webmaster / Internet Blog / 07. Aug 2011

Tilt: Webseitenstrukturen in 3D



Anzeige

  1. IT-Engineer/SE (m/w)
    HWI IT e.K., Teningen
  2. Business Analyst Pricing & Billing (m/w)
    Wirecard Technologies GmbH, Aschheim bei München
  3. Mitarbeiter in der Beratung (m/w) Application Management
    Daimler AG, Untertürkheim
  4. Manager (m/w) Funktionale Sicherheit Organisation
    Automotive Safety Technologies GmbH, Gaimersheim/Ingolstadt

 

Detailsuche


Blu-ray-Angebote
  1. TV-Serien auf Blu-ray bis zu 40% reduziert
    (u. a. Banshee S. 1 14,90€, Da Vincis Demons S. 1 12,97€, Shameless S. 2 18,97€)
  2. Blu-rays zum Sonderpreis
    (u. a. Dallas Buyers Club 7,90€, Wolverine 7,90€, 96 Hours 7,90€, Lord of War 7,97€, A-Team...
  3. VORBESTELLBAR: Game of Thrones - Die komplette 5. Staffel [Blu-ray]
    39,99€ (Vorbesteller-Preisgarantie)

 

Weitere Angebote


Folgen Sie uns
       


  1. UNHRC

    Die UNO hat einen Sonderberichterstatter für Datenschutz

  2. Nordamerika

    Arin aktiviert Wartelistensystem für IPv4-Adressen

  3. Modellreihe CUH-1200

    Neue PS4 nutzt halb so viele Speicherchips

  4. Die Woche im Video

    Apple Music gestartet, Netzneutralität bedroht, NSA geleakt

  5. Internet.org

    Mark Zuckerberg will Daten per Laser auf die Erde übertragen

  6. TLC-Flash

    Samsung plant SSDs mit 2 und 4 TByte

  7. Liske

    Bitkom schließt Vorstandsmitglied im Streit aus

  8. Surfen im Ausland

    Apple SIM in Deutschland erhältlich

  9. Haushaltshilfe

    Rockets Helpling kauft Hassle.com

  10. Zynq Ultra Scale Plus

    Xilinx lässt erste 16-nm-Chips fertigen



Haben wir etwas übersehen?

E-Mail an news@golem.de



Anonymes Surfen: Die Tor-Zentrale für zu Hause
Anonymes Surfen
Die Tor-Zentrale für zu Hause
  1. Anonymisierung Zur Sicherheit den eigenen Tor-Knoten betreiben
  2. Tor Hidden Services leichter zu deanonymisieren
  3. Projekt Astoria Algorithmen gegen Schnüffler im Tor-Netzwerk

Xperia Z4 Tablet im Test: Dünn, leicht und heiß
Xperia Z4 Tablet im Test
Dünn, leicht und heiß
  1. First Flight Sony stellt Crowdfunding-Plattform für eigene Ideen vor
  2. Android-Entwicklung Sony bietet Android-M-Vorschau für Xperia-Geräte an
  3. Android Recovery Mode jetzt offiziell für Sony-Smartphones verfügbar

Protokoll: DNSSEC ist gescheitert
Protokoll
DNSSEC ist gescheitert
  1. VPN-Schwachstellen PureVPN veröffentlicht Patch für seine Windows-Software
  2. Security Viele VPN-Dienste sind unsicher

  1. Re: Ich würde eine abgeben

    Galde | 15:27

  2. Re: Warum nochmal?

    Transistoreffekt | 15:26

  3. Re: Viele Aluhut-Träger unterwegs hier

    plutoniumsulfat | 15:25

  4. Re: Gewichtsreduktion durch schwächere, aber...

    Themenzersetzer | 15:23

  5. Re: Also das neue Netzteil nicht an der alten...

    PhilSt | 15:17


  1. 14:04

  2. 11:55

  3. 10:37

  4. 09:33

  5. 16:52

  6. 16:29

  7. 16:25

  8. 15:52


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel