Apple potrebbe andare in pezzi in termini di entrambiprogettazione hardware e software ma al suo apice ci ha insegnato quanto è 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 progetti di siti Web vengono generalmente creati in Photoshop, ma ciò non vuol dire che designer e sviluppatori non armeggino con l'aspetto di un sito Web nel loro browser. È abbastanza facile armeggiare; tutto quello che devi fare è aprire la console di sviluppo Web di tutti i principali browser Web e aggiungere imbottitura, 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 e il loro colore. Inoltre, lo strumento consente di aggiungere un'imbottitura personalizzata nella parte superiore 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 padding superiore è impostato su 0px, illa 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, fai clic all'interno della casella accanto a essi.
La scatola dei colori offre un selettore di colori standardper cambiare il colore delle linee della griglia. I valori di spaziatura, riempimento e opacità possono essere modificati inserendo un numero personalizzato per ciascun parametro. In alternativa, è possibile utilizzare le frecce su / giù per aumentare o diminuire il valore. Dopo aver personalizzato la griglia, fai clic su "Applica" nella parte inferiore.
Le linee di cintura vengono aggiunte solo alla pagina correntee non a tutte le pagine che hai aperto nel tuo browser. Per rimuovere le linee una volta terminato, fai 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. Desideriamo solo supportare anche le linee verticali.
Installa Baseliner dal Chrome Web Store
Commenti