Quanto amo quel piccolo bagarozzo, devo ammettere che Firebug ormai è diventato uno strumento essenziale durante il mio sviluppo web.
Firebug è un estensione per browser che permette il debug, la modifica e l’analisi di tutti gli aspetti legati allo sviluppo web, dai fogli di stile CSS, al codice HTML, alla struttura DOM al codice Javascript.
Firebug è più di un’analizzatore, infatti oltre a verificare errori nella pagina, abbiamo la possibilità di modificare il contenuto, aggiungere parti di codice HTML o CSS.
Questo ci permette di ottimizzare i tempi di debug di una pagina web, infatti tutte le modifiche le potremo vedere in tempo reale senza modificare il codice nativo.
Quanti di voi lo usano? Io vi consiglio vivamente questa estensione per i più noti browser, con lo scopo di velocizzare i tempi di debug.
Firebug è disponibile per Firefox, Chrome, Internet Explorer, Opera, Safari.
Prezzo: EUR 29,00
Promozione: EUR 21,75
Prezzo: EUR 32,00
Promozione: EUR 27,20
Prezzo: EUR 24,90
Promozione: EUR 21,16
Prezzo: EUR 32,00
Promozione: EUR 24,00
Oggi vediamo alcuni indispensabili consigli SEO per migliorare la visibilità dei siti web o ancora meglio degli articoli, con lo scopo di migliorare la predisposizione all’indicizzazione dei nostri progetti web sui motori di ricerca. Ormai anche il Web Designer, soprattutto se è ha intrapreso la carriera da Freelance, deve assolutamente conosce alcune nozioni base della SEO. [...]
Come ogni giorno, mi ritrovo a girovagare per il web: news dal mondo, articoli di nuovi o aggiornamenti social, altro vip che si cancella da Twitter… solita routine, quando ad un tratto vengo attratto dalla notizia di un nuovo Social Network super esclusivo. Già avevo sentito parlare di Path, ma non so per quale strano [...]
Sono sempre troppo poche le campagne creative che puntano a sensibilizzare sulla causa animalista, contro le violenze e i test sugli animali, eppure quelle che hanno colpito di più l’immaginazione sono scolpite nelle coscienze di ognuno come segni indelebili. Tra tutte, una delle più meritevole degli ultimi anni è quella dell’azienda inglese LUSH, che ha [...]
Christophe Huet è un fotografo specializzato nel fotoritocco digitale, che divide facilmente le opinioni del pubblico, in quanto sappiamo benissimo che esistono due distinte correnti di pensiero. I primi, puristi della foto per i quali la manipolazione è da pena di morte, e i secondi, gli artisti del fotoritocco come Christophe che del fotoritocco hanno [...]

Luca
2 marzo 2010
io lo uso costantemente e senza questo addons per alcune cose non saprei dove poter sbattere a testa (vedi risposte chiamata AJAX).
ciao
MarcoDT
2 marzo 2010
Concordo, si tratta di un plugin assolutamente essenziale per risparmiare ore e ore di lavoro!
Oltre all’analisi di html e css con modifica “on the fly” la funzione che uso di più è il debugging del codice javascript…
ricmanx
2 marzo 2010
Lo uso per analizzare i siti non fatti da me…
Per i miei siti a cosa dovrebbe servire? Uso Aptana per sviluppare e quando scrivo il codice “so’ cosa sto scrivendo” (notare le virgolette :D)
smal
2 marzo 2010
volendo notare il difetto: alcune delle funzionalità più utili son integrate nativamente dentro Opera.
Angela
2 marzo 2010
Sottoscrivo in pieno il titolo di questo post! :)
Matteo
2 marzo 2010
Ma tu pensa!
…e io che pensavo esistesse solo per Firefox!!
Vado subito a scaricarlo su Chrome!
@ricmanx: Anch’io uso Aptana per sviluppare, in parallelo con Firebug però. La preview di Aptana a volte si permette “licenze artistiche” non proprio coerenti con il risultato reale.
Manuela
2 marzo 2010
Lo uso sempre. Anche per i siti fatti da me, mi capita di utilizzarlo per visionare velocemente errori. Però non ho capito una cosa: in che senso permette modifiche sul codice?
Matteo
2 marzo 2010
Ti permette di modificare CSS e HTML, ma solo per visionare i risultati, non è un editor :)
Manuela
2 marzo 2010
Ah ecco…e vedi i risultati subito a video?
Matteo
2 marzo 2010
Certo! E’ proprio quella la forza… se usi un CSS su una pagina e magari non sai fino a che punto spingerti con un margine li ti viene in aiuto Firebig… provi, vedi e poi modifichi.
Hai preparato due o tre backgroud e non sai quale usare, vai sul CSS e (se possibilmente in fase di testing hai messo un progressivo) cambi l’1 col 2 o col 3 e vedi quale va meglio.
Si si, titolo azzeccato!
Oleg
2 marzo 2010
Non ne posso fare a meno. Utilissimo e indispensabile nel webdesign.
Matteo
2 marzo 2010
@Oleg: Ho dato un’occhiata alle tue foto… davvero eccezionali.
..e con una 500D!!
Msn Scan
2 marzo 2010
Grandissimo! Lo uso da tempo :)
cinzia
3 marzo 2010
io lo uso è uno strumento utilissimo per lavorare.
buona giornata
micce
3 marzo 2010
Ciao Julius! Hai ragione, Firebug è formidabile.
Grazie della dritta: non sapevo ci fosse anche per Chrome, l’ho subito installato anche qui :)
ricmanx
3 marzo 2010
Matteo ha scritto:
:D vero… infatti non la uso…
Faccio così: ho due monitor… a sx Aptana a dx FF… Salvo su Apatana e “refresho” su FF … rapidissimo…
Alfredo
3 marzo 2010
Firebug ottimo strumento per tutti i web designer, non ne posso fare a meno per i miei lavori, mi permette di fare prove e test prima di modificare i CSS o HTML. Non sapevo che esistesse anche per IE
Oleg
3 marzo 2010
@ Matteo:
Grazie ;) Si, ora ho la 500D ma molte sono fatte ancora con la 400D :)
mrzpro
3 marzo 2010
ho provato ad installarlo per IE8 ma non è successo nulla….quale potrebbe essere il problema?
TheNorba
4 marzo 2010
Firebug è l’utlity numero 1 per il web design, lunga vita al bagarozzo! :-D
Enea
4 marzo 2010
Lo uso da parecchio, ed è basilare per me.
Jacopo
4 marzo 2010
Sempre sia lodato!
Laura
12 marzo 2010
Firebug e Validator… Perfetto!
gianluca
3 aprile 2010
scusate, ammetto la mia ignoranza, sono alle prime armi, io lo uso tanto per capire come verrebbe la pagina e poi vado a modificare il codice in base alle prove fatte (uso wordpress). Ma per le modifiche al css, nel riquadro a destra c’è riportato, in blu sottolineato, il file css nel quale si trovano le informazioni da modificare. Ma per le modifiche all’html, non c’è una analoga funzione che ti permette di sapere quale è il file html o php da modificare? grazie mille a quanti sapranno o vorranno rispondermi.
Gianluca
Matteo
11 giugno 2010
@ gianluca:
Sono un grafico quindi spero di aver capito :)
-il riquadro a destra con il CSS si riferisce allo stile della porzione di codice che sottolinei (infatti ti dice anche la riga).
a destra c’è il CSS a sinistra l’HTML.
Se usi WP, l’HTML che leggi è generato dal PHP e quindi anche se lo modifichi poi non sai che fartene…
se devi solo spostare o nascondere degli elementi usa il CSS
Matteo
11 giugno 2010
@ ricmanx:
Come funziona Firebug con Aptana? cioè anch’io uso due monitor e di solito faccio così: firefox aperto in uno e nell’altro firebug fullscreen, modifico in firebug, copio tutto e poi lo incollo in un editor di testo, sovrascrivo il file sull’FTP e poi faccio refresh in firefox…
thanks
iobit
22 novembre 2010
ciao, esiste una versione di firebug o simile, che ti fa modificare il css direttamente da browser senza editare manualmente il css? grazie
Helen
20 dicembre 2010
io lo uso, è utilissimo :)