Page History

h1. Firefox Extensions for CSS

{excerpt}If you're customising CSS, Firefox is the best browser for the job - especially with these nifty extensions...{excerpt}

h2. Why Firefox?

The {firefox} web browser is by far the most standards compliant web browser currently available and will greatly increase your productivity when it comes to customising style sheets.

{style}
div.atb-buttons a img {
 width: auto;
 height: auto;
}
{style}

h2. CSS Viewer

The CSS viewer plugin allows you to mouse-over any element on a web page to see it's ID and classes (if applicable) as well as existing styles applied to the element.

!cssviewer.png|align=center!

{div:class=atb-buttons}[Get CSS Viewer|https://addons.mozilla.org/en-US/firefox/addon/2104]{div}

h2. Colorzilla

The Colorzilla plugin displays a little colour picker in your status bar which, once clicked, allows you to 

!colorzilla.gif|align=center!

{div:class=atb-buttons}[Get Colorzilla|https://addons.mozilla.org/en-US/firefox/addon/271]{div}

h2. Firebug

FireBug is one of the most powerful tools for examining web pages - amongst other things, it allows you to interactively inspect HTML and CSS elements of a web page.

!firebug.jpg|align=center!

{div:class=atb-buttons}[Get FireBug|https://addons.mozilla.org/en-US/firefox/addon/1843]{div}