[Web4lib] Tool to show where/whether CSS classes and IDs are being used?

[Chris Alhambra]

If you have the firefox browser installed on your computer, you may want to
try out Chris Pederick's add-on tool called Web Developer  (
https://addons.mozilla.org/en-US/firefox/addon/60 ).  It's free, and it
allows for quick views of the stylesheet(s) applied to any web page.  If you
turn on the options for "View Style Information" and "Use Border Box
Model,"  you may move your mouse cursor around a web page to view not only
the paths of the different elements, but also the ids and class selectors
applied to different elements (tags) used on that page.  Obviously (as the
name implies), you may do the same when viewing "local" pages during the
development stage.


Christopher Alhambra
Electronic Text Editor
Eleanor Roosevelt Papers Project
George Washington University


On 9/12/07, Norwood, Randy <randy.norwood at ttu.edu> wrote:
>
> Is anyone aware of a tool (preferably open source) that can analyze a
> web site and its stylesheets, and identify where (on what pages) a given
> CSS selector is being used?
>
>
>
> This would be useful, for example, if one wished to modify the style
> associated with a given selector--you could view the results of the
> change on all of the pages where that style is applied and be reasonably
> certain that nothing has broken.
>
>
>
> I have looked at a CSS editing and management program called TopStyle
> which has this capability. However, it seems a bit buggy, and it is abit
> expensive ($80).
>
>
>
> thanks,
>
>
>
> --
>
> ~~~~~~~~~~~~~~~~~~~~~~~~~~~
>
> Randy Norwood
>
> Sr Programmer/Analyst
>
> Texas Tech School of Law Library
>
> Office: 806-742-3990 x350
>
> Support: 806-742-3990 x318, computersupport.law at ttu.edu
>
> E-mail: randy.norwood at ttu.edu
>
>
>
> _______________________________________________
> Web4lib mailing list
> Web4lib at webjunction.org
> http://lists.webjunction.org/web4lib/
>