Apple potrebbe cadere a pezzi in termini di design sia hardware che software, ma al suo apice, ci ha insegnato quanto sia bello qualcosa se è correttamente allineato. Il punto è che quando le cose si allineano perfettamente sembrano migliori e questo vale per il design industriale e il web design. I design dei siti Web vengono solitamente creati in Photoshop, ma questo non vuol dire che i designer e gli sviluppatori non armeggino con l’aspetto di un sito Web nel loro browser. È abbastanza facile armeggiare con; tutto quello che devi fare è aprire la console di sviluppo web che hanno tutti i principali browser web e aggiungere padding, cambiare il colore del testo, ecc. Una cosa che manca a tutte queste console è uno strumento di allineamento. Se Chrome è il tuo browser preferito per lo sviluppo, Baseliner è un’estensione che devi provare. Aggiunge una serie di linee orizzontali allo schermo. Hai la completa libertà di definire la spaziatura tra queste linee così come il loro colore. Inoltre, lo strumento ti consente di aggiungere un riempimento personalizzato all’inizio di una pagina prima delle linee della griglia.
Installa Baseliner e fai clic sul pulsante B che aggiunge accanto alla barra degli indirizzi. Si aprirà un menu con le opzioni per personalizzare la griglia.
Per impostazione predefinita, il riempimento superiore è impostato su 0px, la spaziatura tra le linee è impostata su 12px e le linee sono di colore grigio con l’opacità impostata al 100%. Per modificare uno di questi valori, fare clic all’interno della casella accanto ad essi.
La casella dei colori ti offre un selettore di colori standard per cambiare il colore delle linee della griglia. I valori di spaziatura, riempimento e opacità possono essere modificati immettendo un numero personalizzato per ogni parametro. In alternativa è possibile utilizzare le frecce su / giù per aumentare o diminuire il valore. Dopo aver personalizzato la griglia, fai clic su “Applica” in basso.
Le guaine vengono aggiunte solo alla pagina corrente e non a tutte le pagine aperte nel browser. Per rimuovere le linee una volta che hai finito, fai semplicemente di nuovo clic sul pulsante B e fai clic sul pulsante “Rimuovi” in basso.
Baseliner funziona perfettamente. Il controllo del colore per la griglia e l’imbottitura in alto rendono l’estensione ancora più intelligente. Vorremmo solo che supportasse anche le linee verticali.
Installa Baseliner dal Chrome Web Store