Se ti occupi di web design ecco 4 estensioni per il browser Google Chrome che sicuramente possono tornare utili in più di un’occasione. Ti permettono di risparmiare tempo e migliorare la qualità del tuo lavoro.
Dimensions
Questa estensione ti consente di sapere le esatte distanze di e tra ogni elemento presente in una pagina HTML. Una volta installata l’estensione è sufficiente posizionare il mouse sui vari punti della pagina per conoscere le distanze in pixel tra i vari elementi.
ColorZilla
Dotata di numerose funzionalità, Colorzilla ti consente di scoprire velocemente quali sono i colori usati all’interno di una pagina Web, oppure usare lo strumento contagocce per ottenere i codici in formato RGB o esadecimale di un particolare elemento presente sulla pagina.
Font Face Ninja
Ideale per analizzare tutte le caratteristiche delle font utilizzate all’interno di una pagina web.
Font Face Ninja inoltre di permette di nascondere tutti gli elementi non tipografici in modo da potersi concentrare solo sui testi.
PerfectPixel (disponibile anche per IE, Safari e Firefox)
Con PerfectPixel puoi sovrapporre le immagini dei mockup al di sopra di una pagina Web in modo da valutare la corrispondenza con il design previsto.
Ecco un video per capire meglio come funziona questa estensione e tutte le funzionalità delle quali è dotata:
[via Vedran Arnautovic]
Marco Stizioli dice
Ma che belle estensioni! Grazie :)
Fabio Sarcona dice
Perfect Pixel mi mancava! Può tornarmi davvero utile, grazie! ;)
lacio drum dice
sito davvero molto utile, anche se dico sempre che una cosa a volte non ti manca fino a che non la usi e capisci quanto sia indispensabile
Ste dice
Grazie, utilissime! Avevo proprio da qualche giorno problemi con “page rule”, estensione per misurare in px.