Semanticstone - tutto il web che conta in pillole!

Firefox è ormai da anni un compagno inseparabile per tutti i webdesigner grazie all’incredibile varietà di strumenti gratuiti messi a disposizione dalla community. Tuttavia quando si accede per la prima vosta alla sezione addons di mozilla.org non si può fare a meno di rimanere disorientati dalla sovrabbondanza.

Qui di seguito vi propongo la mia lista personale:

• Firebug: fondamentale per le attività di debug e di sviluppo. Firebug è decisamente lo strumento più potente e versatile che possiate installare sul vostro browser. Anche se gli altri browser hanno implementato soluzioni simili firebug rimane il più comodo e completo. fra le funzionalità più interessati:
  • vista del HTML per il debug dei vostri progetti (con possibilità di modifica ed anteprima in tempo reale dell’HTML e dei CSS)
  • tab NET per l’analisi dei tempi di scaricamento della pagina
  • pannello CONSOLE per il debug  javascript
• Web developer: mette a disposizione un set di strumenti organizzati in un’apposita barra. Fra le funzioni le più utili:
  • attivazione/disattivazione javascript
  • gestione avanzata dei cookie
  • gestione avanzata dei fogli di stile
  • gestione avanzata dei campi modulo
  • possibilità di ricavare informazioni sulle pagine in sovraimpressione al layout
  • ridimensionamento della finestra: è possibile settare risoluzioni differenti per testare i propri layout
  • set di strumenti di validazione configurabili
• Measureit: comodo e veloce righello utile per prendere le misure direttamente dal browser. Uno strumento simile è già presente dentro webdeveloper ma measureit è reso più comodo dall’iconcina in basso a sinistra.
• Screengrab!: è un comodissimo screengrabber che permette di copiare o salvare (nel formato desiderato) porzioni o interi layout multi-pagina. Davvero utile.
• HTML Validator: uno dei vigliori validatori. Estende le funzionalità base della vista sorgente di firefox aggiungendo il supporto all’SGML parser (lo stesso utilizzato dal validatore online del w3C) e al parser tidy (per il controllo delle linee guida WAI). Si può decidere quale parse utilizzare o se utilizzarli antrambi. Il plugin fornisce numerose e prezione informazioni sugli errori riscontrati
• User Agent Switcher: un comodissimo plugin che vi permette di impostare un user agent differente da quello predefinito. Il plugin può risultare molto utile per il debug della versione mobile del layout oppure per filtrare il vostro utente dalle statistiche di accesso ad un dato sito.

Vi segnalo inoltre alcune liste che potrebbero completare la mia:

• 15 Helpful In-Browser Web Development Tools
• 35 Absolutely Useful Firefox Plugins For Web Designers And Developers
• 30+ Firefox Add-ons for Web Developers & Designers
• 27 Indispensable Web Design and Development Firefox Extensions
• 19 Firefox Add-ons For Designers

E voi avete quali plugin utilizzate nel vostro lavoro?