[All Adaptavist Apps]
Wiki Markup |
---|
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 {
margin-left: 4px;
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} |