XRAY, studiare webdesign con gusto

Qualche ora fa mi dedicavo alla pulizia della mia collezione di ma.gnolia tags quando poi, esplorando quello che veniva segnalato nella mia rete di contatti ho visto la seguente voce: XRAY :: for web developers.

Incuriosito sono subito andato a cliccarci su ed ecco apparirmi la pagina di: XRAY.

XRAY is a free cross browser tool that lets you see the box model in action for any element, letting you see beneath the skin of any web page.

Ora, siccome una immagine vale più di mille parole andaiamo a fare un esempio pratico della funzione offerta da questo software.

Installiamo la bookmarklet nel nostro browser preferito e continuiamo la nostra navigazione. Troviamo all’ improvviso un bel sito, un bell’effetto, un font particolare, qualcosa che ci ispira. I più smaliziati di voi avranno già aperto la web developer toolbar o comandato la visualizzazione del codice sorgente della pagina. Questo però è scomodo perché ti costringe allo scrolling del testo, alla ricerca dell’elemento che ti aveva colpito.

E qui entra in gioco XRAY. Non ha che da cliccare sulla bookmarklet per attivarne le funzionalità e quindi sull’elemento grafico di specifico interesse ed ecco il risultato:

XRAY, studing webdesign with gusto « /home/kOoLiNuS
Uploaded with Skitch!

Bellino non è vero ? Direi che nella cassetta degli attrezzi ci può stare comodamente! {il sito usato come cavia è il mio /home/kOoLiNuS cui non è stato fatto alcun male per la stesura del post! ;-) }

Technorati Tags ,

Autori: kOoLiNuS

È il nickname di Nicola Losito dal 1999 quando comprando un pc e connettendosi alla rete si iscrisse ad ICQ. Dagli inizi del 2003 partecipa attivamente al web sociale. Ha molto piacere quando qualcuno lascia un commento alle sue tracce digitali. Se il motto di questo blog ti piace, ringrazia Benjamin Lee Whorf che l'ha scritto!

  • http://garbaland.belfagor.net/ garbaland

    Splendida bookmarklet. Ora posso anche togliere WebDeveloper, che lo usavo solo per quello. Devo cominciare a togliere estensioni, che ho Firefox che sembra un carro armato.

  • http://blog.tambuweb.it Tambu

    nulla che già non faccia la Webdeveloper, che bisogna essere PAZZI per usare solo per quello ( ;-P ), affiancata da un ottimo Firebug…

  • http://www.ivanprignano.it Ivan

    Io uso CSSViewer da molto tempo, e fa più o meno lo stesso lavoro, egregiamente; e, anzi, devo dire che la sua interfaccia è più piacevole di XRAY..

    https://addons.mozilla.org/it/firefox/addon/2104

  • http://www.koolinus.net kOoLiNuS

    @Ivan: proverello e dirotti :-D

  • http://www.googlisti.com Pietro – Googlisti

    Oltre a CSSViewer c’è anche Aardvark http://karmatics.com/aardvark/ un’estensione che fa abbastanza bene il suo lavoro. ;)

    Quoto pienamente Tambu..la Webdeveloper non la batte nessuno!!

  • http://www.labottegadikit.net kit

    bellissimo…penso proprio che lo aggiungerò… :-)

  • http://www.sarataricani.com Sara

    Molto gusto devo dire… aggiunto al volo! ;-)

  • http://aenimation.splinder.com aenima

    l’ho provato, molto carino! e lo lascio lì, non si sa mai :)

  • http://uniferpi.wordpress.com marcobardus

    molto interessante! ma non basta firefox (web developer kit) per vedere la composizione della pagina?

Stop SOPA