[All Adaptavist Apps]

Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

...

Firefox

...

Extensions

...

for

...

CSS

...

Excerpt

...

If

...

you're

...

customising

...

CSS,

...

Firefox

...

is

...

the

...

best

...

browser

...

for

...

the

...

job

...

-

...

especially

...

with

...

these

...

nifty

...

extensions...

...

Why Firefox?

The 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.

CSS Stylesheet


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 

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.

Image Added

!cssviewer.png|align=center! {div:class=
Div
class
atb-buttons
}[Get CSS ViewerViewer

Colorzilla

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

Image Added

Div
classatb-buttons
Get Colorzilla

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.

Image Added

Div
classatb-buttons
Get FireBug|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}