Firefox dispone di eccellenti componenti aggiuntivi, che rendono il lavoro dei progettisti e sviluppatori web molto più facile. Ecco la nostra lista dei migliori componenti per Firefox che tutti gli sviluppatori e web designers dovrebbero conoscere.

CSS

- Aardvark: Un’estensione sorprendente per gli sviluppatori web e designers. Permette loro di visualizzare gli attributi CSS, ID, Class, mettendo in evidenza gli elementi della pagina in modo individuale.

- ChromEdit: Con questa estensione puoi modificare l’aspetto di qualsiasi pagina modificando i file CSS e Javascript.

- SSMate: Estensione per Firefox per modificare i file CSS.

- CSS validator: Utilizzando questa estensione puoi verificare la validità della tua pagina web.

- CSSViewer: Con questo componente puoi vedere la proprietà CSS degli elementi della pagina.

- IE Tab: Designer e sviluppatori possono visualizzare i loro progetti di CSS in Internet Explorer.

- Style Sheet Chooser II: Gli utenti possono selezionare e scegliere dei fogli di stile alternativi per un sito web.

CONTROLLO & ANALISI

- Firebug: Una console per controllare JavaScript, HTML, e frammenti di codice Ajax.

- HTML Validator: Estensione interessante per convalidare le pagine web con gli standard HTML del W3C.

- JavaScript Debugger: Estensione per controllare lo JavaScript.

- Link Checker: Controlla la validità dei link in una pagina web. (Non compatibile con l’ultima versione di Firefox)

- Load Time Analyzer: Puoi visualizzare i grafici dettagliati dei tempi di caricamento delle pagine web in Firefox.

- View Dependencies: Scopri tutti i file che sono stati caricati in una pagina web.

ALTRO

- Clipmarks: Con questo componente puoi facilmente salvare porzioni di pagine web.

- Codetech: Ottima estensione per i progettisti di pagine web. Codetech è un editor di pagine web con il look di Dreamweaver.

- ColorZilla:  ColorZilla aiuta gli utenti a selezionare i colori che possono essere regolati e messi in qualsiasi altro programma.

- MeasureIt: Gli utenti possono calcolare le specifiche misure di tabelle e paragrafi.

- Professor X: Puoi verificare il contenuto dell’ head di una pagina, senza entrare nel codice sorgente.

- Screen Grab: Puoi catturare degli screenshot di qualsiasi pagina web e salvarli come file di immagine con questa estensione.

- View Source Chart: Visualizza il codice sorgente di qualsiasi pagina web

Conosci altre estensioni interessanti per designers e web developer? Inseriscile nei commenti!