Mitchell McKenna - tagged with dom http://mitchmckenna.com/feed en-us http://blogs.law.harvard.edu/tech/rss LifePress mitchellmckenna@gmail.com Mozilla Tilt: A New Way of Visualizing the DOM http://mitchmckenna.com/post/9881/tilt-hacksmozillaorg-demo

Tilt represents a new way of visualizing a web page. I can it being a great tool for new developers to understand the DOM and the box model in particular. This tool creates a 3D representation of the document, with the purpose of displaying, understanding and easily analyzing the DOM. It is a firefox extension using a WebGL implementation to provide a rich user-experience, fun interaction and useful information, while taking full advantage of 3D hardware acceleration.

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.

Read more at blog.mozilla.com/tilt/.

]]>
Thu, 21 Jul 2011 13:20:00 -0400 http://mitchmckenna.com/post/9881/tilt-hacksmozillaorg-demo/tilt-hacksmozillaorg-demo