Experimentalia

Appunti raminghi

Web developer tools: firebug(++)

leave a comment »

Chi programma per il web da qualche tempo sa quali passi avanti siano stati fatti grazie a firebug, una estensione per firefox che ne ha fatto lo strumento preferito per gli sviluppatori web. Con questo articolo parte una serie di post dedicati alla segnalazione di tool che semplificano la vita del programmatore web.

Solitamente utilizzo, sarebbe meglio dire utilizzavo, due addon per sviluppare in javascript (script che mi vergogno di far vedere anche a mia madre, che è capace di affrontare una closure con la stessa disinvoltura che ha nel discernere le differenze tra l’aramaico antico originario del nord del Sinai ed i dialetti tipici delle popolazioni del mar morto).

DISCLAIMER – ATTENZIONE

Firebug++ non esiste, ovviamente, ho scelto di utilizzare questo nome per indicare la combinazione di firebug con una serie di addon che lo potenziano ulteriormente.

Webdeveloper toolbar e Firebug. Mai preso in considerazione explorer, per ovvi motivi, Chrome non era ancora nato (prossimamente un articolo sugli addon che stanno nascendo per questo browser), Opera è un browser di nicchia che prendo in considerazione solo in fase di rifinitura.

Da qualche settimana a questa parte ho cercato di ridurre i tools che utilizzo ed ho scelto di privilegiare firebug, visto che si ritrova ad essere il capofila di una serie di tools sviluppati come suoi plugin che sono particolarmente comodi da utilizzare.

Non mi soffermerò su firebug perché penso che ormai sia conosciutissimo e che un tutorial sul suo utilizzo non aggiunga niente di nuovo alla pletora di articoli che saltano fuori ad ogni ricerca in google o similari. Non che il resto di questo articolo prenda in esame novità assolute. piuttosto delle segnalazioni un pò meno stantie, magari qualche tool utile che non sia proprio conosciutissimo e che potrebbe togliervi qualche castagna dal fuoco. Si tratterà di una lista veloce, conto di concentrarmi su di loro più avanti. Ne avevo ricavato un enciclopedico post unico che mi tiene impegnato da più di un mese quando ho deciso di spezzare il tutto in più fruibili ed editabili post dedicati.

  • Firecookie A firebug mancava una gestione integrata dei cookie. Niente paura, si pensa questo plugin che aggiunge un nuovo tab da cui controllare i cookie
  • FirePHP Chi sviluppa webapp ajax sa quanto possa essere frustrante fare il debug di un’applicazione server side stando dalla parte sbagliata del browser, questo plugin cerca di alleviare un pò il problema.
  • FireLogger E’ un pò un clone di FirePhp, nel senso che offre (quasi) le stesse opzioni. Lo segnalo perché ha, per me, un modo migliore di riportare i messaggi di debug. Compaiono nella console, piuttosto che in un panel apposito. Attenzione, si tratta di un plugin ancora considerato sperimentale.
  • Pixel Perfect Se avete un progetto grafico di un sito e volete controllare quanto i vostri sforzi si sono avvicinati al risultato finale non avete che da usare questo plugin che sovrappone all’area client del browser una, o più, immagini a piacere. Ultimamente io uso tenere in sovraimpressione una griglia.
  • CodeBurner Si tratta di un plugin che permette di interfacciare firebug ad un’ottima reference sull’HTML e sul CSS. Non dite che non ne avete bisogno che non è vero. Esiste anche in versione stand-alone.
  • FireFinder Uso questo plugin per testare i selettori css prima di utilizzarli in MooTools per selezionare i controlli. Risparmio un sacco di tempo e penso che dovreste risparmarlo anche voi. Anche se utilizzate altri javascript framework

Nelle prossime puntate, se ci sarà qualcuno interessato, approfondiremo l’utilizzo di questi plugin.

Non prima di aver parlato di quanto è utile avere a disposizione un (x)html validator.

Written by Eineki

aprile 15, 2010 a 3:30 am

Pubblicato su linux

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger cliccano Mi Piace per questo: