Geeking out with Firefox’s 3D view option

email article email article print article print article tip @techmeme

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!

email article email article print article print article

  • 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.

Most popular articles

Topics for this article

[ advertising enquiries ]

Share
  • BURN MEDIA TV

    WATCH THE LATEST EPISODE NOW
    Latest Episode
    Sony Xperia Z2 Review

MORE HEADLINES

news

VIEW MORE

interviews

VIEW MORE

future trends

VIEW MORE

entrepreneurship

VIEW MORE

social media

VIEW MORE

facebook

VIEW MORE

twitter

VIEW MORE

google

VIEW MORE

advertising & marketing

VIEW MORE

online media

VIEW MORE

design

VIEW MORE

mobile

VIEW MORE

More in Video

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

Read More »