Logo Blogo

Design, piccoli strumenti per il web designer in un click

Pubblicato: 21 dic 2007 da Cristian

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à.

1 stelle2 stelle3 stelle4 stelle5 stelle (nessun voto)
condividi condividi
3 commenti

Commenti dei lettori

(Inserisci un commento - Nascondi commenti anonimi)
  • Profilo di Giuseppe

    Giuseppe "Noy" Scaletta

    21 dic 2007 - 11:13 - #1
    0 punti
    Up Down

    Oooottimo! Spero anche sia stabile…
    Francamente non capisco il principio di funzionamento. Essendo un collegamento, dovrebbe caricare una pagina e facendolo, “tenere memoria” di quella precedente? È come dire che un link può “sapere” l’ultima pagina che ho visitato.
    O no?!? Aiuto privacy!

  • madic

    21 dic 2007 - 12:08 - #2
    0 punti
    Up Down

    IHMO manca uno strumento: un “pick color” degno di questo nome. Per il resto una collezione di strumenti molto utile.

  • Nessuno vs. Chuck Norris

    21 dic 2007 - 12:59 - #3
    0 punti
    Up Down

    Ma usare l’estensione Web Developer per Firefox no eh? Ha tutte le funzioni elencate e molte altre in più…provatelo

L'email è richiesta ma non verrà mostrata ai visitatori.
Commenta questo articolo

Registrati per riservare il tuo nickname preferito su tutti i blog di Blogo e per caricare il tuo avatar. Se sei già registrato, effettua il login per usare il tuo nickname.

Si No
I commenti sono sottoposti alle linee guida per la moderazione.

Anteprima del commento