With the latest version of Firefox being released (Firefox 11) ,there are lots of Bugfixes and Feature additions (as usual) in this version. One interesting feature I found in this was a new mode in the Inspect Element (no need of Firebug) of a webpage.
A new mode called the 3D view is added to this handy toolkit. Whether you are a Web Designer or a casual we surfer you might find this feature interesting.
The 3D view shows the different HTML Elements and CSS Classes/Divisions in an easy to understand 3d view. You can inspect any area of webpage and find the underlying layers of HTML codes easily with this tool.
You can rotate the page by clicking a dragging the 3D model, Rotate it to any angle. Here is a sample of how the HackTabs homepage looks like in the 3D view.
How to Get the 3D View in Firefox.
Step 1. If your Firefox is not updated then, Open Firefox > Help > About Firefox. OR Download Firefox from here. [LINK]
Step 2. Click on Apply Update and Restart. There you have the updated Firefox.
Step 3. Open the Webpage which you want to view in 3D. Right click on the Page.
Step 4. Press the ‘Q’ button on your Keyboard.
Step 5. Click on the 3D button as shown in the Screenshot.
There you have it! Now click on the webpage and Scroll,Drag and do whatever you want. The webpage will rotate to any angle you wish to.
Designers can use this to study the webpage HTML structures more carefully.
Its important that you update to the latest Firefox as there are many Security fixes and of-course, You have this 3D view 😉