Is your website flat or 3d?

Today I was checking the source code on a page with the FireFox inspector, and for the first time I have noticed a button with the label that says “3d View”.

The button appears once you inspect element on the bottom right:

This site is: www.baresque.com.au

WOW, web just got a bit more interesting! Have you ever seen your web page in 3D? No glasses needed.

Here is an example of how a website looks like:

Well I did a bit of research and this new function is called TILT. Tilt is a Firefox addon that lets you visualize any web page in 3D. 

Apart from being incredibly addictive, it’s a fantastic tool for frontend developers to resolve nesting HTML issues, e.g. unclosed TAGS and Z-index layer.

“The 3D view highlights the structure of a page better than a flat view, thus anyone can immediately understand the parent-child relationship between nodes in a webpage, their positioning and how the layout is influenced.”

You can read a bit more on the Mozilla blog