Tilt: hacks.mozilla.org demo

Details: http://hacks.mozilla.org/2011/07/tilt-visualize-your-web-page-in-3d/
Blog: http://blog.mozilla.com/tilt/

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.

Category:

Science & Technology

Tags:

• Mozilla
• Tilt
• Project
• 3d
• dom
• extension
• firefox
• mozilla
• tilt
• visualization
• webgl
• graphics
• software
• google
• preview

[CSSmetal]

@Saracsh This is actually a really valuable tool for developers! I can't imagine something better for debugging unclosed tags or finding offscreen nodes.

[CSSPlayer777]

amazing

[MultiUltimater]

If anyone is having problems getting tilt to work. Try openning up about:config and make sure "webgl.force-enabled" is set to true.

[msimec]

this is pointless,

[b0w5er]

@silviumarian Any reason why?

[linux1123]

@silviumarian lol IE just sucks

[XoRr0WBi7ch]

What is the addon you using?

[silviumarian]

This would be awesome for IE not Firefox.

[DestinyLux]

3D porn images?

[Saracsh]

@CSSmetal oh i didn't think about it

[Saracsh]

The most useless stuff in browser i ever seen