I Migliori 10 Add-ons di Firefox per Web Designers

Creato il 27 aprile 2011 da Rplabs
  • By Alessio Masucci
  • |
  • 27/04/2011
  • |

Per chi si fosse già cimentato nella ricerca di add-ons utili per il proprio browser Firefox, ha notato che ce ne sono una infinità, e di moltissime categorie differenti. In questo articolo ve ne segnaliamo 10 molto utili se siete web designers.


1. Web Developer


Questo pacchetto di add-ons risulta essere molto utile. E' una toolbar situata in alto del nostro browser, ed ha alcuni menù presettati per i CSS, Ridemensionamento ed i Cookies.

Se volete ispezionare una pagina, scoprire informazioni su di essa, come ad esempio visualizzare tutti gli attribuiti delle immagini presenti) fare una verifica veloce per i WC3 oppure misurare le dimensioni degli elementi all'interno, potete farlo comodamente attraverso questi tools.


2. Firebug


E' una delle scelte più popolare tra gli sviluppatori web. Non si può stare senza. E' un add-on per lo sviluppo web design/front-end web opensource.  E' molto utile per l'anteprima di CSS Style sugli elementi a cui si applica.

Questo Add-On può sembrare a primo impatto abbastanza complicato, ed è per questo che si può ricorrere alla documentazione online per iniziare ad utilizzarlo.


3. MeasureIt


Vi da la possibilità di applicare dei righelli per la misura di un determinato elemento nella pagina che si sta ispezionando.


4. ColorZilla


Se avete bisogno di sapere su due piedi il codice colore di un determinato elemento, questo add-on fa per voi. Un "contagocce" simile a quello di Photoshop a portata di mano vi indicherà le percentuali colore che vorrete sapere.


5. CSS Usage


Si può utilizzare per scoprire all'interno della vostra pagina Style il codice CSS che non è stato usato dalla pagina per rimuoverlo o per modificarlo, per rendere il file molto più leggero al caricamento.


6. Page Speed


Sappiamo tutti che la velocità di caricamento di una pagina è un fattore molto importante per il proprio sito. Page Speed è una estensione del browser che ci dice dove si possono fare modifiche per aumentare la velocità di caricamento. Questo è un ottimo tool "must have".


7. HTML Validator


Ottimo per verificare che all'interno del codice HTML non ci siano errori di scrittura, informandoci cosa puo essere aggiornato nella pagina.


8. IE Tab 2


Gli sviluppatori sono sempre concentrati sulla compatibilità tra i vari browser, e questo add-on ci consente di visualizzare la stessa pagina con Internet Explorer senza però lasciare Firefox. Ci basterà cliccare con il tasto destro sulla pagina e selezionare “View Page in IE Tab”.


9. Screengrab


Un tool molto utile per fare screenshoot alla pagina che si sta visualizzando. Infatti si potrà scegliere se farla all'intera pagina, anche se non è visibile nel nostro browser, oppure fare una foto solo alla porzione visibile. si può copiare l'immagine negli appunti per poi incollarla dove si vuole oppure salvarla sul desktop come file.


10. SEO Doctor


SEO o Search engine optimization deve essere alla base di una buona progettazione. E questo tool ci viene in aiuto. Ci da una valutazione della pagina da 0 a 100% e ci evidenzia le zone che possono essere migliorate per la ricerca sui motori di ricerca.


E voi quali altri add-ons utilizzare? Diteci la vostra.

Via Mashable

Alessio Masucci

Designer, blogger, minimalist & dreamer.


Potrebbero interessarti anche :

Possono interessarti anche questi articoli :