WebAppers

/ best free open source web resources /

Shopify

Tilt Gives You 3D Visualization of a Webpage

Posted · Category: Code, Tools

Tilt represents a new way of visualizing a web page. This tool creates a 3D representation of the document, with the purpose of displaying, understanding and easily analyzing the DOM.

It will take advantage of the great tools Firefox has to offer, as it is an extension which contains a WebGL implementation, providing rich user-experience, fun interaction and useful information, while taking full advantage of 3D hardware acceleration, GLSL shaders and what OpenGL ES 2.0 has to offer.

The implementation consists of a Firefox extension containing a 3D representation of a web page, as both a fun visualization tool and a developer-friendly environment for debugging the document’s structure, contents and nesting of the DOM tree. Various information besides the actual contents will be displayed on request, regarding each node’s type, class, id, and other attributes if available. The rendering will be dynamic, in-browser, using WebGL and GLSL shaders.

tilt

Requirements: Firefox
Demo: https://github.com/victorporof/Tilt
License: Mozilla Public License

5 Comments
  • Iain

    When trying to install firefox 7 says its a corrupt xpi

  • http://numismatechnologies.com/ Numisma Technologies

    This is good that Tilt creates a 3D representation of the document.Thanks a lot for letting us know.Very useful information for us.

  • James

    I’m not sure if I can use it, but my word does it look good!

    @Iain – FF7.0.1 on OSX works fine for me.

  • Cassy

    How do I install this?

  • Rich

    That is pretty slick!

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons