• Motorburn
      Because cars are gadgets
    • Gearburn
      Incisive reviews for the gadget obsessed
    • Ventureburn
      Startup news for emerging markets
    • Jobsburn
      Digital industry jobs for the anti 9 to 5!

Geeking out with Firefox’s 3D view option

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!

Author | Mich Atagana

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 decided that law might be the best place for her talents, but with too many litigation classes missed in favour of feminist... More
  • 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.

More in Video

Technology is destroying our ability to pay attention, making us rude [Video]

Read More »