1
How can I see a webpage's structure "inline" with the visual representation of the actual page, all at once?
I'm trying to understand HTML layout better, but it's hard to get a feel for it, even having the source open on a separate monitor, because there's just so much expansive and miscellaneous code. I suppose I could sift through it, clean it up, and set up some type of custom collapsible tree system, but that would take too long for the amount of pages I'd like to get a quick view of the layout/structure of.
For reference, I'm using Firefox for my internet browsing.
Truth be told, it's actually easier to write your own code rather than try and decipher the spaghetti of code that is the random internet web page. This way you'll learn better, too. Also, try the 3D layout - go into the Inspector and click on the cube button. This will give you a 3D visualisation of the elements/structure. – Wk_of_Angmar – 2013-05-16T16:37:04.853