post-page

How deep is your page? – A topographic map of pages.

6
responses

Ever wished you had a tool which could tell you how deeply nested the different < div > tags in your webpage/blog were?
A tool to generate topographic “maps” is the answer to my prayers.
It can also help you “see” your divs physically, something for which I have had to design a page with weird, contrasty colors at first, so I can see the divs, and then go back and change the color in the css once I am done designing the physical layout.
It’s a bookmarklet/favelet, which makes it all the better šŸ™‚
Oh, and dotcanada sucks.

heading
heading
6
Responses

 

Comments

  1. Craig says:

    Here’s a blow-by-blow of the emails traded in the NuclearMoose vs. dotCanada debacle: Read it at the WordPress Wiki.

  2. Podz says:

    That tool is brilliant! Great find!

  3. Michael says:

    FWIW I use the MyIE2 browser shell on Windows. It’s really just a wrapper over IE but it extends it wonderfully (tabbed browsing, filtering, mouse gestures, etc.) MyIE2 also has it’s own plugin architecture, several of which I find indispenable.

    The 1st is MyStyle, puts up a button one can click to substitute a page’s tiny-grey-letters-on-black (or whatever) styling with one’s own stylesheet. The 2nd & 3rd are Show Blocks & Toggle Tables, both of which illuminate a page’s architecture wonderfully.

    Not perfect for everyone but MyIE2 & the plugins are free, trivial to use, and work for me.

  4. Adam says:

    An impressive display of scripting know-how!

    I’ve found a similar tool in the form of a Mozilla Firefox extension called Web Developer. Among many other things, you can have it highlight all the block-level elements of a page, giving you a visual outline of the document’s structure.

    Here’s a screenshot. šŸ™‚



Trackbacks/Pingbacks

  1. […] oing just by staring at the page is tricky at times. But not now 2fargon at Weblog Tools Collection has found an excel […]

  2. Useful Stuff

    You might remember ages ago I posted a link to a great graphics demo that was less than 65K in size. Well they’ve done a FPS in 96K. http://www.theprodukkt.com
    The readme has this as the req:
    – A 1.5GHz Pentium3/Athlon or faster.
    – 512MB of RAM (or m…

Obviously Powered by WordPress. © 2003-2013

css.php