How deep is your page? - A topographic map of pages.
2fargon 
Blog Templates Blog Skins Blog Themes, Cool Scripts, Web Design, Weblog tools blog tools blogging tools, WordPress Templates Wordpress Skins Wordpress Themes Thanks for visiting! If you're new here, you may want to subscribe to our RSS feed. This blog posts regular Wordpress news, updates of themes, plugins, ideas, hacks, quick fixes and everything about blogging, especially about Wordpress. Go ahead, subscribe to our feed! You can also receive updates from this blog via email.
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.
(No Ratings Yet)
Loading ...
Comments RSS
Powered by 
Designed by 
Here’s a blow-by-blow of the emails traded in the NuclearMoose vs. dotCanada debacle: Read it at the WordPress Wiki.
That tool is brilliant! Great find!
[...] oing just by staring at the page is tricky at times. But not now 2fargon at Weblog Tools Collection has found an excel [...]
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.
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.
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…