This is ridiculously fun to use, but in the end, it’s a very handy web development tool for Firefox.
Tilt
[tentblogger-youtube dW2eAbr5FBw]
Tilt is a Firefox extension that lets you visualize any web page DOM tree in 3D.
Since the DOM is essentially a tree-like representation of a document, this tool layers each node based on the nesting in the tree, creating stacks of elements, each having a corresponding depth and being textured according to the webpage rendering itself.
Unlike other developer tools or inspectors, Tilt allows for instant analysis of the relationship between various parts of a webpage in a graphical way, but also making it easy for someone to see obscured or out-of-page elements. Moreover, besides the 3D stacks, various information is available on request, regarding each node’s type, id, class, or other attributes if available, providing a way to inspect (and edit) the inner HTML and other properties.
Slick!
Keep tabs on the progress of Tilt development on the Tilt blog, or download and install from github.
[via Mozilla Hacks]
Speak your mind...