Tra tutti i browser esistenti (Opera, Firefox, IExplorer, Sleipnir, Safari, Avant, Chrome) utilizzo maggiormente Firefox; me lo sono configurato, me lo sono personalizzato e me lo sono ottimizzato.

Attualmente i plugin generici che ho installati sono:

• Forecast Fox
• Xmarks
• Flagfox
• Ghostery
• Google Gears
• IdenticaBar
• Identify
• Morning Coffe
• Stealther
• TwitterBar
• Ubiquity
• Undo Closed Tabs Buttons

Ma ci sono delle stupende estensioni per Firefox che possono semplificare ed aumentare la produttivita’ di webdesigners, designers e webmasters.
Vediamo quindi cosa ci puo’ essere davvero utile per sveltire ed ottimizzare il lavoro:

ColorZilla

E’ deliziosa ed estremamente efficace questa estensione: risiede nella bottom bar e vi permette di “grabbare” qualsiasi colore sia presente all’interno del browser.
Compatibilita’: 1.5 – 3.5
Homepage: http://www.colorzilla.com

MeasureIt!

Un altro classico, utilissimo – io lo uso almeno cinque volte al giorno =) – serve a misurare, ovvio. Misura a schermo le dimensioni che piu’ vi servono.
Compatibilita’: 1.0 – 3.5
Homepage: http://www.kevinfreitas.net/extensions/

Windows Resizer

Si occupa di ridimensionare la finestra del browser per adattarla a diverse dimensioni, ottimo per testare sullo stesso browser diverse versioni di una stessa immagine (o sito).
Compatibilita’: 1.5 – 3.5
Homepage: http://www.yellowpipe.com/yis/tools/window_resizer/

Web Developer

Un addon meravigliosamente pratico! Aggiunge una toolbar ed una voce di menu’ che consentono di utilizzare i maggiori comandi che ogni developer abbisogna, specialmente quando si parla di CSS.
Compatibilita’: 1.0 – 3.5
Homepage: http://chrispederick.com/work/web-developer/

Pixel Perfect

Questa estensione richiede anche FireBug ed e’ una manna per i fanatici della perfezione fine a se stessa; di fatto si occupa di sovrapporre un layout ad uno gia’ esistente. Utilissima per chi utilizza gli sprites.
Compatibilita’: 3.0 – 3.5
Homepage: http://www.openhouseconcept.com/

FireBug

E’ un debugger vero e proprio, a portata di click; grazie infatti a due semplici mosse potete tenere sotto controllo il codice, i CSS e i vari script di ogni pagina che visitate. E’ utilissimo nel testare soprattutto gli script sui siti in costruzione. Una volta provato non potrete piu’ farne a meno!
Compatibilita’: 3.0 – 3.6.
Homepage: http://getfirebug.com/

FontFinder

Ci vuole un attimo: selezionate una porzione di testo e, dal menu’ attivato con il tasto destro del mouse, selezionate FontFinder. In un attimo avrete a disposizione il CSS della pagina con i relativi font.
Compatibilita’: 1.5 – 3.5
Homepage: http://bendodson.com/projects/

RankQuest SEO Toolbar

Utile, ma purtoppo questo addon si ferma alle vecchie versioni di Firefox. La toolbar permette di accedere in modo veloce e diretto a diversi strumenti per l’ottimizzazione SEO del vostro sito.
Compatibilita’: 1.0 – 3.0
Homepage: http://www.rankquest.com/

Palette Grabber

Fantastico addon per creare al volo una palette di colori basata sulla pagina che state vedendo; viene poi importata, sempre al volo, in tutti gli editor grafici, dai vari Photoshop a Paint.net a Gimp, etc etc.
Compatibilita’: 1.5 – 3.6
Homepage: http://www.gusprevas.info/palettegrabber

CodeTech

E’ come avere un editor dentro il browser.. e con questo penso di aver detto tutto =)
Compatibilita’: 1.0 – 3.6
Homepage: http://codetch.org/

GridFox

Comporre una griglia non e’ mai stato cosi’ semplice: con questo addon sara’ uno scherzo far comparire una griglia su di una pagina esistente. Provare per credere!
Compatibilita’: 3.0 – 3.5
Homepage: http://www.puidokas.com/portfolio/gridfox/

FireShot

Adoro questo addon. Crea screenshot. Ok, niente di nuovo fin qui. La cosa carina e’ che su questi screenshot (interi o parziali) si possono aggiungere delle annotazioni senza dover aprire per forza un programma di grafica e mettercele su.
Compatibilita’: 2.0 – 3.7
Homepage: http://screenshot-program.com/fireshot/

Tutti gli articoli e le immagini presenti su ./lsd sono fruibili sotto licenza copyleft e protetti da Safe Creative; le immagini di terze parti sono protette da copyright dei rispettivi detentori.
 

Altri post utili