Saturday, August 24, 2013

Fix Your page in 3D view #Firefox #Developer

As a developer you know it when you see it, that the page is broken. But sometimes extra dimensions come really handy to look at what is going wrong or what you are missing.
So, here are few views of webpages in 3D... You can see the complexity of these pages as nested by different levels of elements. How to see it in 3D? Just go to Web console and enable the cube... and Voila!

There are a variety of ways the 3D view is useful:
  • If you have broken HTML causing layout problems, looking at the 3D view can help find where you've gone wrong. Often, layout problems are caused by improper nesting of content. This can become much more obvious when looking at the 3D view and seeing where your elements are nested wrong.
  • If content isn't displaying, you may be able to figure out why; since the 3D view lets you zoom out to see elements that are rendering outside the visible area of the page, you can find stray content this way.
  • You can get a look at how your page is structured to see if there may be ways to optimize your layout.
  • And, of course, it looks awesome.


No comments:

Post a Comment

Thanks for the comment.
Please stay on topics; off-topic/advertisement comments will be removed.

You may also like to visit : My Frame of Reference
(Press shift while clicking: Opens in New window.)