I 10 migliori Firefox addon per web developer

Come sviluppatore web ho sempre ritenuto Firefox il mio browser preferito soprattutto per la sue numerose estensioni. Esistono migliaia di estensioni per personalizzare il proprio browser facendogli fare di tutto e di più.
Ma come dicevo, sono uno sviluppatore e di conseguenza gli add-on che preferisco sono quelli che mi assistono tutti i giorni nel mio lavoro rendendolo più semplice e piacevole.

Ecco dunque l’elenco dei plugin che utilizzo maggiormente.

  1. Web Developer Web Devloper permette di analizzare ogni singolo aspetto di una pagina web, dai CSS alle immagini, dai cookie alle immagini. Permette inoltre, cosa che ritnego molto utile, di ridimensionare li finestra del browser ad una precisa risoluzione per vedere come la pagina verrebbe vista dagli utenti che utilizzano dispositivi con la risoluzione scelta.
  2. Firebug Firebug è forse il più utile plugin per ogni web developer.
    Esso integra firefox aggiungendo delle funzionalità per l’analisi delle pagine web.
    In particolare Firebug permette di selezionare una parte della pagina ed analizzarne lo stile CSS, il codice HTML e le funzioni JavaScript applicando anche delle modifiche in tempo reale.
    Personalmente lo trovo utilissimo per debuggare o per testare modifiche alle pagine che sto costruendo intervenendo sul sorgente solo quando ho trovato una soluzione che mi soddisfa.
  3. FireShot FireShot è una comoda utility per creare delle screenshot di una pagina web. Ma la sua forza è quella di non limitarsi a generare screenshot ma di permettere inoltre di editare le immagini ed aggiungervi annotazioni.
    Lo trovo molto utile per generare delle screeshot descrittive, ad esempio quando si prepara la presentazione di un sito o di un’applicazione web.
    Inoltre, FireShot permette di catturare in un’unica immagine un’intera pagina web, catturandone anche le parti al di fuori dello schermo che sono visibili solo scrollando la pagina.
  4. ColorZilla ColorZilla è una comodissima estensione che permette di determinare il colore utilizzato in una porzione specifica di una pagina web.
    Questo add-on mette a disposizione il classico contagocce presente in ogni programma di grafica direttamente all’interno di Firefox.

    Con il contagocce è possibile cliccare su un punto della pagina ed ottenere il codice RGB ed esadecimale del colore selezionato.
  5. Aardvark Aardvark è un add-on che permette di editare una pagina in tempo reale.
    Tramite un riquadro sotto è possibile selezionare con il mouse un elemento della pagina ed eseguire diverse operazioni su di esso, quali ad esempio eliminarlo, isolarlo, vederne il sorgente, cambiarne il colore o anche generare uno script javascript in grado di riprodurre l’elemento selezionato.
  6. MeasureIt Measure It è una semplice estensione che disegna un righello con cui è possibile ottenere la misura in pixel di ogni elemento di una pagina web.
    Fa una cosa sola, ma la fa bene e risulta davvero utile quando si devono conoscere le dimensioni degli elementi presenti in una pagina senza dover cercare nel codice o nei CSS.
  7. YSlow YSlow è un add-on di Firefox integrato con Firebug che permette di analizzare le pagine web e suggerisce modi per migliorarne le prestazioni.
    Inoltre, per ogni pagina analizzata YSlow ne visualizza le statistiche, e ne riassume i componenti.
    E’ un tool che utilizzo spesso per cercare di ridurre il peso e la velocità di caricamento delle pagine che realizzo.
  8. Font Finder Font Finder è un plugin che permette di analizzare tutte le informazioni relative al font usato in qualsiasi elemento di una pagina.
    Questo add-on fornisce 4 funzioni principali:
    • ogni font presente in pagina può essere analizzato;
    • ogni informazione sul font può essere copiata nella clipboard;
    • permette di disabilitare i font su un’intera pagina per testarne il degrado in mancanza di uno specifico font
    • per ogni font è possibile modificare a runtime alcune caratterstiche quali color, famiglia o dimensione
  9. Palette Grabber Palette Grabber è un estensione molto comoda per estrapolare da una pagina web l’intera gamma dei colori che la compongono.
    In particolare questo add-on permette di estrarre una tavolozza di colori in diversi formati utilizzabili con Photoshop, Paint Shop Pro, GIMP, Flash, Fireworks, Paint.NET ed altri oppure semplicemente generare un file di testo con tutte le codifiche esadecimali.
  10. SenSEO SenSEO è un estensione basata sul codice di YSlow che analizza le pagine web e calcola il livello di ottimizzazione per i motori di ricerca. SenSEO è un add-on integrato con il già citato Firebug.