Bookmarklet lays out topography of a webpage

Joseph Pearson of Make Believe has coded a topographic page layout bookmarklet that shows the layout of a webpage. Basically, it recolors the elements of a webpage, giving more deeply nested elements a lighter color. The effect is that you can see the “topography” of a webpage, which makes it that much easier to detect unclosed divs or for those situations where something is wrongly positioned but you just don’t know why. Another of those must-have web development bookmarklets.

4 Comments & TrackBacks ()

Paper doll icon
nephilim's Gravatar

Topography bookmarklet
Via redemption in a blog: a bookmarklet that lays out the topography of a webpage. It colors the elements of a website, making deeper elements lighter. Quite a fun tool, and I suppose it can be quite handy as well….

Posted by: nephilim on April 7, 2004 6am

Paper doll icon
Desert Dwarf's Gravatar

Web Nests Revealed
When building a web page, things often become difficult when items are inside containers which are inside other containers. A…

Posted by: Desert Dwarf on April 7, 2004 3pm

Paper doll icon
Curiosity is bliss's Gravatar

Nifty javascript + DOM tricks
A couple of quick links: A List Apart’s DOM manipulation to break a page into sections: instead of having one big page, javascript is used to transform the DOM into a tabbed view of the chapters.Link mouseover color fader effect. Cute ;-)Mouseover DOM …

Posted by: Curiosity is bliss on April 20, 2004 3am

Paper doll icon
Curiosity is bliss's Gravatar

Nifty javascript + DOM tricks
A couple of quick links: A List Apart’s DOM manipulation to break a page into sections: instead of having one big page, javascript is used to transform the DOM into a tabbed view of the chapters. Link mouseover color fader effect. Cute ;-) Mouseover DO…

Posted by: Curiosity is bliss on April 30, 2004 8am

You can subscribe to the RSS feed for comments on this post.

Sorry, this entry is no longer accepting comments. If you have something you really want to say, you can write me.