Bookmarklet lays out topography of a webpage

In: Web development

7 Apr 2004

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 Responses to Bookmarklet lays out topography of a webpage

Avatar

nephilim

April 7th, 2004 at 6am

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

Avatar

Desert Dwarf

April 7th, 2004 at 3pm

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

Avatar

Curiosity is bliss

April 20th, 2004 at 3am

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 …

Avatar

Curiosity is bliss

April 30th, 2004 at 8am

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…