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.
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!
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. š