Firefox Logo

How to View Website Structures in 3D

Following on from a previous article on Firefox's web developer tools, here are two more. One is a 3D visualization tool that integrates with the Document Inspector and displays the structure of your website. The second tool is a CSS Style Editor that lets you tweak a page's style sheet to achieve the result you are looking for. Both are straight forward to use and are great additions to Firefox's web developer tools.

How to Use Firefox’s Web Developer Tools to View Website Structures in 3D

Firefox 11 added two new web developer tools to Firefox’s already impressive arsenal. The Tilt feature visualizes website structures in 3D, while the Style Editor can edit CSS stylesheets on the fly.

The 3D feature, known as Tilt, is a way of visualizing a website’s DOM. It integrates with the existing Document Inspector and uses WebGL to display rich 3D graphics in your browser.

Read more: - How to Use Firefox’s Web Developer Tools to View Website Structures in 3D