Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- Pre-viewer for CSS boxes anyone ?
September 4, 2007, 1:48 pm
rate this thread
Does anyone know of a sort-of pseudo-browser or pre-viewer that lets
you see explicitly the inside and outside edges of margins, borders,
padding and content (sometimes called perimeters, I think) ?
Imagine, for instance, the "frontier" between padding and content
being shown as a coloured, dotted line in our pre-viewer. Something
like that . . .
Re: Pre-viewer for CSS boxes anyone ?
"bookmarklets", which are just mini-scripts you drag to your browser
toolbar, then click on them while you're on a page, and they will take
some action on that page, like outline all the divs, show image
placeholders, etc. They are extremely handy. One site I like to
reference is: https://www.squarefree.com/bookmarklets/webdevel.html
(or just do a search on 'bookmarklets')
If you use firefox, you can also get a similar (better) set of web
tools via an entire toolbar plugin built (free) for firefox. It is
at: http://chrispederick.com/work/web-developer /.
The latter tool, albeit specific to firefox, is really nice. The only
difficulty is that you need to assure you test the css or script in
msie as well to assure cross-browser functionality. For that reason,
the bookmarklets come in handy for MSIE.
Hope that helps.. I'm sure it will!