• BURN MEDIA
    • Memeburn
      Tech-savvy insight and analysis
    • Gearburn
      Incisive reviews for the gadget obsessed
    • Ventureburn
      Startup news for emerging markets
    • Jobsburn
      Digital industry jobs for the anti 9 to 5!
memeburn 3d

Geeking out with Firefox’s 3D view option

Mich Atagana
Mich started out life wanting to be a theoretical physicist but soon realized that mathematics was required. So, she promptly let go of that dream. She then... More

Advertisement

I love geeking out with the geeks! The geeks at Burn HQ found this nifty little feature today while playing around in FireFox: a 3D view of our site, because viewing a site in 2D is so last year.

What it is, is actually a developer tool released by Mozilla a few months ago.

“Nicknamed Tilt, it is a brand new WebGL-based website visualization tool that highlights the structure of a page better than a flat view, so anyone can immediately understand the relationship of the code to the page output.”

It seems the guys at Mozilla felt that developers needed to understand the structure of page rather just understanding how to develop one.

“While developer tools like ‘view source’ have always been useful to learn about how to develop a page, the 3D View more clearly illustrates how the parts of a website are structured.”

Apparently it works off the z-index an HTML property that specifies the stack order of an element.

Blah blah it’s flipping awesome! Just watch this video. Cue time well spent. So right click on a page, click on inspect element and select 3D view, enjoy!

  • Cruton

    Pretty cool, but on my FireFox the tool is under Firefox start menu (top left) > Web Developer > Inspect, then click “3D view” bottom right.