Firefox 3D Page Inspector

Posted by on Mar 3, 2013 in Tutorials

Firefox 3D Page Inspector

Over the years, I’ve heard a lot of web developers complain about Firefox. The only big complaint I agree with as being problematic is that it is a memory hog. When I code, I usually work on a PC running Windows XP. I also use a MAC running 10.6 but that’s mostly for graphics and video. Firefox is pretty slow on my MAC. I like Chrome for their web developer tools and some of the other bonus features, as well as the uncluttered layout (and the inability to clutter it up). It runs well on my MAC and my PC. I only use Safari on my phone and for testing. Internet Explorer, which I’ve loathed ever since 5.5 and is a pain in the ass to every web developer I’ve ever known, is only used for testing. When I discovered the 3D Page Inspector included in Firefox (not an add-on) recently, I was blown away. I was a little late in discovering this since it had been out for well over a year before I stumbled across it. It has proved to be the most valuable tool in my web developer toolbox ever since. When customizing a template or theme, this takes all of the guess work out of figuring out any element’s properties. It shows you the inherited properties and the over written properties. Assuming your code is well formed (no broken divs or unclosed elements) the depiction of the page in 3 dimensional stacked elements that you can spin around on an access makes selecting an element quick and easy. If you’ve left Firefox for Chrome, I’d suggest you re-install Firefox and give it another spin, even if only occasionally to spare your...

Read More »