Firefox è sicuramente uno dei browser più utilizzati dai web-designer e da chi sviluppa siti web, se non addirittura il più utilizzato. Uno dei motivi è sicuramente la possibilità di implementare i componenti aggiuntivi: utili strumenti che rendono Firefox il programma ideale per chi lavora con la grafica, il codice e la struttura dei siti.
Ecco quindi 10 plugin di Firefox consigliati a chi sviluppa siti internet.
1) Firebug
E’ sicuramente l’estensione di Firefox che usiamo di più. Fondamentale per modificare template per siti, questa estensione permette il debug e la modifica di tutti gli elementi della pagina: i fogli di stile, il codice HTML/XHTML, la struttura DOM (Document Object Model) e il codice Javascript. Secondo Firefox circa 2 milioni e 700mila utenti hanno installato Firebug.
2) Web Developer
Ecco un’estensione, che fa tutto o quasi, che è possibile utilizzare anche in coppia con Firebug. Consiste in una toolbar con numerose funzioni – dalla possibilità di disabilitare i fogli di stile o le immagini a quella di validare le pagine – talmente tante che è inutile elencarle tutte.
3) Colorzilla
Semplice ma molto utile, basta puntare il cursore di Colorzilla sull’area della pagina che ci interessa per sapere di che colore si tratta e il relativo codice.
4) MeasureIt
Anche questa estensione di Firefox è tanto semplice e banale quanto fondamentale: un righello che ci indica le misure esatte degli elementi di una pagina web, comprese le distanza tra un elemento e un altro.
5) IE Tab
Grazie a questo popolare e scaricatissimo plugin è possibile, con un semplice clic, visualizzare una pagina così come la vede Internet Explorer, restando però all’interno di Firefox. Se si sta lavorando a un sito utilizzando Firefox e non si vuole aprire Explorer IE Tab è la soluzione ideale. Il plugin permette comunque di visualizzare la pagina anche aprendo Explorer, sempre con un semplice clic.
6) Fireshot
Permette di fare degli screenshot della pagina sulla quale si sta lavorando e di aggiungere note ai singoli elementi. Utile se si lavora in un team o se si deve presentare un’anteprima del lavoro a un cliente.
7) Font Finder
Semplicissima utility: selezionate un testo o parte di esso e Font Finder vi dà tutte le informazioni possibili su quel testo, a partire ovviamente dal font utilizzato.
8) HTML validator
Un validatore di codice interno al browser. L’estensione vi indica gli errori presenti una pagina e suggerisce come correggerli.
9) Window Resizer
Diciamo che siete sicuri che il codice sia valido e che il sito funzioni perfettamente con tutti i browser. Ma avete pensato alla risoluzione dello schermo? Window Resizer è un’estensione di Firefox che consente di ridimensionare la risoluzione del browser per poter visualizzare un sito nelle varie risoluzioni standard.
10) Fire PHP
Come Firebug ma per il PHP: utile plugin dedicato agli sviluppatori per modificare e monitorare il codice PHP delle pagine web.
Un consiglio: dato che alcuni di questi componenti aggiuntivi svolgono in parte le stesse funzioni, basta semplicemente scegliere quelli che si considera più adatti alle proprie esigenze, senza doverli per forza installare tutti. Per altre estensioni dedicate ai web-developer rimandiamo all’apposita pagina del sito di Mozilla Firefox.
Se si ha un sito fatto con WordPress può capitare di dover lavorare al tema senza che le modifiche siano visibili ai visitatori. Diciamo la verità: non è bello entrare in un sito e trovare una grafica stravolta, errori clamorosi e fogli di stile in evidente stato confusionale.
Nonostante se ne parli da ormai 10 anni i CSS3 non sono ancora diventati uno standard. Le novità introdotte in questi anni dai CSS3 – a partire dalla 
