CSS outline/debug bookmarklets
Wednesday, 12. October 2005, 21:22:17

Bookmarklets are so great, you can really do fun things when studying javascript, that I still remember the day I discoverd them.
These handy bookmarklets all work in Gecko browsers. They all do the same kind of thing but I use them in different occasions even if I have Chris Pederick's great Firefox Web Developer Extension:
- The Ziggurat: Outlines elements in 3D and colors. But you need a powerful computer.
- Pixy's List computed (cascaded) styles outlines elements with their ID
- codepoetry's CSS Debugging Stylesheet
- digitalmediaminute's CSS Debug
- Squarefree's Topographic View
- Topographic page layout from make-believe.org
- Show divs and spans from web-graphics
- CSS Debug from a Japanese blog.
For those who still don't know :shame: you have web developer add-ons/extensions/toolbars for most browsers, they all have CSS outline, validators and more:
- Firefox/Mozilla Web Developer Extension
- Safari WebDevAdditions
- Opera Web Developer Toolbar
- IE Developer Toolbar (Note: If you really can't get away from Internet Explorer try Maxthon browser, it's exactly the same with tabs but the toolbar doesn't seem supported yet.
- I havn't seen any for iCab or Omniweb, have you?
But now, I heard there's this great browser called Xyle scope, has anybody tried?








