Firebug è il famoso e rivoluzionario add-on per Firefox che aiuta davvero molto web developers e designers per testare e analizzare il codice del front-end. Inutile elencare tutte le funzionalità che Firebug mette a disposizione perché l’elenco sarebbe davvero infinito, ma basta sapere che riesce a fornire strumenti davvero importanti per un’analisi precisa e dettagliata del codice.

Nonostante questo, Firebug è potenziabile con sue personali estensioni che lo completano come strumento e consentono di estendere ancora di più il raggio d’azione.

Non occorre esser necessariamente esperti webmaster, web-design o seo per avere spesso la necessità di dover analizzare il codice sorgente di una pagina web.

Ormai, conosco anche amici poco esperti che hanno questa necessità per i più svariati motivi e non rientrano in nessuna delle 3 categorie di cui sopra.

Webmaster o meno, il view source di una pagina web è un’opzione utilizzata spesso per analizzarne i vari aspetti. Io, credo sia un’operazione che compio almeno un paio di volte al giorno per i più svariati motivi.

X-Ray è un ottimo FireFox addon che consente un’analisi facilitata di una specifica pagina semplicemente perché inserisce il codice sorgente all’interno della web interface.

Tutto molto più chiaro e molto meno difficile capire quale codice è usato e per quali elementi della web page.

Fonte : SearchEngineJournal

‘Come posso cambiare il colore del mio profilo su Facebook?’

Siccome ricevo la stessa domanda almeno un paio di volte alla settimana da amici e non solo, ho deciso di buttar giù 3 righe 3 per scriverlo in un post così magari può esser utile ad altri.

I passaggi sono i seguenti :

1. Il trucco funziona solo (almeno che io sappia), utilizzando Firefox.
2. Installare Grease Monkey supplemento (è necessario riavviare Fiferox)
3. Lancia Auto-Colorazione Facebook, e avrete il vostro colore desiderato sul profilo di Facebook

Se qualcuno conosce altri metodi,accomodatevi pure!

Forse non tutti sanno che Greasemonkey non è altro che un addon Firefox che permette di eseguire un certo tipo di scripts, altrimenti non previste dagli sviluppatori.

Inutile dire che vi sono una quantità di script innumerevole, la maggior parte dei quali molto utili, soprattutto per chi sul web passa ore e ore per i più svariati motivi.

Oggi volevo segnalarvi, a tal proposito, uno script chiamato Google Bump, che consente di rendere più dettagliati e completi i parametri delle funzioni di ricerca di Google. Fra le principali possibilità che offre c’è il MultiSearch, ovvero la possibilità , tramite menu a tendina, di scegliere fino a tre motori di ricerca (Google, Digg, Wikipedia e molti altri). Risulta utilissimo a chi spesso vuole eseguire ricerche più estese sia per poter tenere sotto controllo più velocemente le vostre parole chiave sia per ricercare particolari informazioni.

Infine, presenta molte possibilità di personalizzazione così da adattarsi al meglio alle vostre esigenze.

Utilissimo!

PixelZoomer è una utilissima estensione per Firefox che tutti gli sviluppatori web e web designers dovrebbero tenere a portata di mano.

In pratica, consente una veloce e pratica misura dei pixel di una determinata area dello schermo evitando, così, di dover incollare l’immagine su un editor apposito e poi misurare i pixel da lì.

Ogni volta che la attivate, vi comparirà una finestra con lo screenshot della pagina di interesse che potete personalizzare e su cui potete applicare lo zoom, selezionare aree specifiche per misurare i pixel e conoscere il preciso codice del colore.

Direi che non occorre esser decisamente esperti di web-design per reputare molto utili questi add-ons per Firefox. Si tratta di estensioni che facilitano di molto la gestione e il controllo del design del vostro blog cui, volenti o nolenti, dovete dar sempre una certa importanza.

Nonostante usi Chrome in prevalenza, ne ho testati la maggior parte e, sinceramente, da molti non mi separerò più.

Window Resizer

Come si vedono le pagine del tuo blog con le varie risoluzioni dello schermo? La verifica diventa semplicissima se utilizzate questo add-on che vi consente di vedere il vostro blog alle seguenti risoluzioni : 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200

HTML Validator

HTML Validator è un’estensione che aggiunge una validazione HTML all’interno di Firefox. Il numero di errori HTML di una pagina è mostrato sotto forma di icona nella status bar durante la navigazione.

ScreenGrab

Un comodo e pratico cattura schermo. ScreenGrab consente di catturare l’intera pagina che state navigando oppure una sua selezione o un frame particolare. Vi permette di salvare lo screenshot come immagine oppure in clipboard.

Image Zoom

Volete scoprire meglio i dettagli delle immagini che compongono una pagina web? Con Image Zoom avrete uno strumento adatto per lo zoom. Utilizzabile nel context menu o come combinazione del bottone del mouse e della scroll.

CSSViewer

Un semplice quanto utilissimo css viewer disponibile nella vostra toolbar non può davvero mancare. Banalissimo da usare ma infinitamente importante, quasi indispensabile, per chi si appresta a costruire la grafica di un sito/blog.
Si istalla normalmente, come tutti gli addons per firefox. e nel tab del browser “strumenti” comparirà la voce CssViewer.  Occorrerà cliccarci su e posizionare il mouse sulla parte che vuoi modificare. Vi apparirà un popup dove, oltre a tutte le caratteristiche della porzione (evidenziata da un rettangolo di colore rosso), vedrai in alto il nome della classe di riferimento.

CSS Validator

Validare una pagina anche dal punto di vista del css è cosa buona e giusta. Utilizzate, allora, direttamente il CSS Validator del W3C che vi aggiunge una opzione al context menu (tasto destro del mouse) per una semplice e veloce validazione del css della pagina web in questione. L’add-on vi mostrerà il risultato in una nuova pagina.

ColorZilla

Se volete avere sotto controllo tutti i colori di una pagina web con il vostro browser, eccovi l’estensione adatta a voi. ColorZilla è un plugin per Firefox che consente di analizzare i colori di qualsiasi pagina web. Questo componente aggiuntivo consente proprio di analizzare qualsiasi pixel del vostro schermo mostrandovi il colore ed il relativo codice HTML.

Tra le sue principali funzionalità :

• tool per riconoscere qualsiasi colore di pagine web
• zoom
• tavolozza dei colori compatibile GIMP
• Online Palette Viewer -possibilità di personalizzare la propria tavolozza dei colori e condividerla con amici e contatti
• copia automatica dei colori per poterli utilizzare in altri software