Per chi come me è sempre alle prese con il codice HTML/CSS, i colori esadecimali, le misure in pixel e tutto quello che riguarda lo sviluppo di pagine web, ecco 10 estensioni di Firefox per web designer/developer che sicuramente ci semplificheranno la vita.
1. Web Developer Toolbar:
Utilissima toolbar che permette numerose funzioni, tra cui lo svuotamento veloce della memoria cache, il ridimensionamento dello schermo, la visualizzazione veloce del codice html della pagina e tante altre.
Diciamo che solo questo componente ci velocizza moltissimo il lavoro.
2. Firebugs:
Questa estensione è semplicemente fantastica!!
Permette di modificare la struttura di una pagina web e vedere il risultato in tempo reale!
Riporto un simpatico video di Giuliano Ambrosio (Julius Design) che promuove proprio questo componente:
3. Search Status:
Semplice e altrettanto utile add-on, che durante la navigazione permette di visualizzare il Page Rank e l’Alexa Rank della pagina web visitata, grazie alle due piccole barre posizionate in basso a destra della finestra di Firefox.
4. Colorzilla:
Questa estensione funziona allo stesso modo dello strumento “contagocce” di Photoshop, ci basterà attivarlo e cliccare in una qualsiasi parte dello schermo per catturare il colore che ci interessa e subito lo avremo disponibile in formato esadecimale.
5. Measure it:
Plugin utilissimo per misurare le distanze tra due elementi, per verificarne l’allineamento o semplicemente per misurarne la larghezza e l’altezza.
6. SEO for Firefox:
Oltre a fornirci moltissime informazioni sulla pagina che stiamo visitando, come il Page Rank e il numero di link collegati ad essa, ha anche un’altra comoda funzionalità che ho molto apprezzato, ovvero l’evidenziazione dei link “no-follow”.
7. Font Finder:
Grazie a questo componente sarà facilissimo individuare quale tipo di font è stato utilizzato all’interno di una pagina web, occorrerà semplicemente attivare Font Finder e selezionare una lettera della parola interessata.
8. Screengrab:
Possiamo utilizzare questo strumento per salvare/copiare una porzione di schermo, ma la cosa più bella è che ci permette anche di copiare/salvar una pagina web intera, ovvero comprendendo anche quella porzione di pagina che non riusciamo a vedere a causa dello scroll.
9. Xmarks Bookmark and Password Sync:
Ottimo componente per coloro che necessitano di avere sempre disponibili i propri segnalibri dovendo utilizzare più computer.
Xmarks infatti una volta installato in ogni computer utilizzato, si occuperò di salvare i segnalibri (e volendo anche le password) e sincronizzarli in maniera automatica per renderli disponibili in ogni momento.
10. All in one sidebar:
Questa non è prettamente un’estensione per sviluppatori, ma sicuramente è una di quelle che può farci risparmiare molto tempo.
Comodissima la funzione “multipannello”, che permette la visualizzazione di una seconda finestra del browser, e la sidebar dove vengono gestiti i download e le altre estensioni di Firefox.
Bene, questi sono i componenti che utilizzo io per lavorare, ne conoscete altri altrettanto utili?
Ditemelo subito che li provo volentieri!! 
Ciao, mi chiamo Matteo Galli e sono un Web Designer/Developer di Senigallia, una città delle Marche.
Measure it non lo conoscevo, grazie! Direi che SEO for Firefox, Web developer toolbar e XMarks sono praticamente essenziali… ciao!
Grande!!!! a parte firebug che gia conoscevo ne trovati 6 nuovi che m’interessano molto
Ma in questo blog c’è di tutto
bene comunque si condivido.
@Claudio:
Ciao Claudio, grazie, sono contento che l’articolo ti sia stato utile.
Spero ne troverai di altri in futuro che potranno interessarti!
Concordo pienamente ciao.
Ciao, io non sono proprio uno sviluppatore ma costruisco alcuni siti d’informazione e trovo molto utile firebug, che è stato un po’ il capostipite di una serie di programmi che facilitano la costruzione delle pagine web in modo più intuitivo.
Propio fantastico questo blog, complimenti