Ho lavorato a un nuovo sito Web nelle ultime settimane. Ma invece di farlo da solo, ho deciso di ottenere un aiuto dalle estensioni di Firefox. Hanno reso il mio lavoro molto più semplice e possono essere scaricati tutti in pochi secondi.

Aardvark: Aardvark consente di selezionare elementi da una pagina Web ed eseguire varie azioni su di essi. Lo uso per analizzare la struttura di una pagina. Puoi anche rimuovere e isolare elementi o generare codice DOM. Lo consiglio vivamente.

ColorZilla: se c'è un colore in una pagina Web che ti piace, ColorZilla troverà il codice preciso per esso e ti permetterà di incollarlo nel tuo programma di codifica. Puoi anche creare colori personalizzati con il suo browser di palette incorporato. Salva i colori più usati per un facile accesso in seguito. È potente, è semplice, è un must.

CSS Validator: CSS Validator aggiunge un'opzione del tasto destro del mouse nel browser, inviando il CSS al validatore CSS W3C. Apre i risultati in una nuova scheda. CSS Validator è un ottimo strumento che tornerà utile spesso.

CSSViewer: nessun Web designer dovrebbe funzionare senza CSSViewer. Il componente aggiuntivo ti informa di tutte le informazioni CSS che ti serviranno da un sito. Fai semplicemente clic sulla pagina desiderata, aprila nel menu Strumenti e visualizzerà le informazioni CSS. Lo uso quasi ogni giorno.

FireBug: Firebug è una di quelle estensioni di cui semplicemente non puoi fare a meno. Ti consente di modificare, eseguire il debug e visualizzare CSS, HTML e JavaScript. Una volta apportata una modifica all'HTML sul sito, Firebug lo visualizza automaticamente nello stesso riquadro. È estremamente potente.

FirePHP: FireBug è un ottimo strumento per CSS, HTML e JavaScript, ma FirePHP, che funziona solo quando hai installato l'estensione FireBug, crea un'esperienza di sviluppo completa. Con l'aiuto di entrambi i componenti aggiuntivi, puoi visualizzare la qualità del tuo PHP e trovare errori. È un grande aiuto.

Font Finder: Font Finder consente di evidenziare un font che ti piace su qualsiasi sito, fare clic destro sulla selezione, e dopo aver scelto "Font Finder", visualizzare lo stile completo del testo CSS della selezione. È quindi possibile incollarlo nella propria pagina Web.

HTML Validator: HTML Validator è uno strumento estremamente potente disponibile solo per gli utenti di Windows. Il componente aggiuntivo ti fornisce un feedback sugli errori nella pagina. Ti consente anche di sapere dove devono essere affrontati i problemi. Ma a meno che tu non sia un progettista web avanzato, stai lontano da questo strumento. È molto complicato

Vista IE: finchè stai usando Windows, IE View è uno strumento utile. L'estensione aggiunge un'opzione "Apri in IE" nel menu di scelta rapida, che consente di aprire rapidamente un sito in Internet Explorer. È un ottimo modo per verificare come appare una pagina in entrambi i browser.

Console Java: se vuoi vedere come le applet Java sono in esecuzione su pagine Web, la Console Java è ciò che fa per te. È possibile monitorare e eseguire il debug di applet e ottenere un rapporto completo sul loro rendimento.

LinkChecker: LinkChecker evidenzia link su qualsiasi sito Web e ti dice se il link ti indirizzerà a un sito live o se restituirà un 404. Lo uso tutti i giorni.

Poster: se vuoi eseguire il debug dei server e fare richieste HTTP, Poster è lo strumento che fa per te. È facile da usare, puoi impostare un tipo di contenuto e in pochi minuti avrai tutte le informazioni necessarie per esaminare i risultati della tua query HTTP. Utile.

Style Sheet Chooser II: Style Sheet Chooser II sostituisce lo switcher di fogli di stile incorporato di Firefox e consente di scegliere uno stile alternativo che permane su tutte le pagine di un sito Web. Non è qualcosa che userai spesso, ma quando hai bisogno di qualcosa del genere, Style Sheet Chooser II è la strada da percorrere.

Sviluppatore Web: se si installa una delle estensioni in questo ciclo, è necessario includere Web Developer. Aggiunge un menu e una barra degli strumenti a Firefox dandoti la possibilità di visualizzare lo stile di una pagina, visualizzare e modificare i CSS e molto altro. Nessuno sviluppatore web dovrebbe esserne privo.

YSlow: YSlow richiede l'installazione di FireBug perché funzioni, ma è un ottimo modo per scoprire perché il tuo sito funziona così lentamente. Analizza le pagine Web e restituisce i problemi che rallentano il sito, in base alle regole di Yahoo per i siti Web ad alte prestazioni. Lo uso spesso per scoprire dove posso migliorare la velocità dei miei siti. Provalo.