Design, piccoli strumenti per il web designer in un click

Design, utility per webdesign in un bookmarkletFare il web designer o semplicemente voler modificare il tema grafico del proprio blog non è un lavoro facile senza strumenti: misurare, controllare allineamenti di diversi elementi della pagina non è una cosa che si può fare ad occhio.

Design consiste in un semplice bookmarklet, un piccolo link farcito di codice in javascript, che quando attivato mostrerà sulla pagina che state visitando una serie di strumenti molto utili a chi si occupa di webdesign.

Una piccola suite di strumenti per osservare il layout a griglia, effettuare misurazioni e allineamenti, grazie alle guide che possono essere visualizzate in sovrimpressione alle vostre pagine web.
I vari strumenti possono essere lanciati anche come bookmarklet separati.


  • Grid sovrappone alla pagina una griglia di layout estremamente configurabile per dimensioni, allineamento e uso dei colori per controllare il CSS della pagina.
  • Rule mostra dei righelli sulla pagina con possibilità di bloccare le guide su alcuni elementi e selezionare il punto di origine.
  • Unit permette di effettuare misurazioni tra due punti di una pagina, fornendo indicazioni su entrambi i punti su cui si è cliccato, e tracciando una linea tra i due punti.
  • Crosshair mostrerà un indicatore a croce posizionata sul vostro cursore, visualizzando una linea verticale e una orizzontale posizionate sulle vostre coordinate.

La cosa più comoda di Design è probabilmente quella che non necessita di installazione e che può essere usato ovunque, quando ne abbiamo necessità.

  • shares
  • +1
  • Mail
3 commenti Aggiorna
Ordina: