A Apple pode estar desmoronando em termos de design de hardware e software, mas no auge, ela nos ensinou como algo fica bom se estiver devidamente alinhado. A questão é que, quando as coisas estão perfeitamente alinhadas, elas ficam melhor, e isso é verdadeiro para o design industrial e o web design. Os designs de sites geralmente são criados no Photoshop, mas isso não quer dizer que designers e desenvolvedores não mexam na aparência de um site em seus navegadores. É muito fácil de mexer; tudo que você precisa fazer é abrir o console de desenvolvimento da web que todos os principais navegadores da web têm e adicionar preenchimento, alterar a cor do texto, etc. Uma coisa que falta em todos esses consoles é uma ferramenta de alinhamento. Se o Chrome for o seu navegador preferido para desenvolvimento, Baseliner é uma extensão que você precisa experimentar. Ele adiciona uma série de linhas horizontais à sua tela. Você tem total liberdade para definir o espaçamento entre essas linhas, bem como sua cor. Além disso, a ferramenta permite adicionar preenchimento personalizado ao topo de uma página antes das linhas de grade.

Instale o Baseliner e clique no botão B adicionado ao lado da barra de endereço. Um menu será aberto com opções para personalizar sua grade.

Por padrão, o preenchimento superior é definido como 0 px, o espaçamento entre as linhas é definido como 12 px e as linhas são coloridas em cinza com opacidade definida como 100%. Para alterar qualquer um desses valores, clique dentro da caixa ao lado deles.

A caixa de cores oferece um seletor de cores padrão para alterar a cor das linhas da grade. Os valores de espaçamento, preenchimento e opacidade podem ser alterados inserindo um número personalizado para cada parâmetro. Você também pode usar as setas para cima / para baixo para aumentar ou diminuir o valor. Depois de personalizar a grade, clique em ‘Aplicar’ na parte inferior.

As girdlines são adicionadas apenas à página atual e não a todas as páginas que você abriu em seu navegador. Para remover as linhas quando terminar, basta clicar no botão B novamente e clicar no botão ‘Remover’ na parte inferior.

Baseliner funciona perfeitamente. O controle de cores para a grade e o preenchimento na parte superior tornam a extensão ainda mais inteligente. Nós apenas desejamos que ele também suporte linhas verticais.

Instale Baseliner a partir da Chrome Web Store