Como adicionar linhas de grade personalizadas a qualquer site No Chrome


Como adicionar linhas de grade personalizadas a qualquer site No Chrome

A Apple pode estar se desintegrando em termos de design de hardware e software, mas no seu auge, nos ensinou como algo bom parece estar alinhado corretamente. O ponto é que, quando as coisas se alinham perfeitamente, elas parecem melhores e isso vale 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 seu navegador. É muito fácil mexer com; tudo o que você precisa fazer é abrir o console de desenvolvimento web que todos os principais navegadores têm e adicionar preenchimento, alterar a cor do texto, etc. Uma coisa que falta a todos esses consoles é uma ferramenta de alinhamento. Se o Chrome for seu navegador preferido para desenvolvimento, Baseliner é uma extensão que você precisa experimentar. Adiciona uma série de linhas horizontais à sua tela. Você tem total liberdade para definir o espaçamento entre essas linhas e suas cores. Além disso, a ferramenta permite adicionar um preenchimento personalizado ao topo de uma página antes das linhas de grade.

Instale o Baseliner e clique no botão B que ele adiciona 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 0px, o espaçamento entre linhas é definido como 12px e as linhas são cinza com opacidade definida como 100%. Para alterar qualquer um desses valores, clique dentro da caixa ao lado deles

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


Como obter um visualizador de imagens com recursos avançados No Chrome

Como obter um visualizador de imagens com recursos avançados No Chrome

O Google Chrome pode abrir formatos de imagem comuns. Você pode visualizar um arquivo PNG, um GIF, um JPG e um arquivo SVG no Chrome sem precisar de ferramentas extras. O problema é que o Chrome é essencialmente um navegador da web. Ele suporta a visualização de alguns tipos de arquivo, mas isso facilita a função principal, ou seja, abrir páginas da web.

(Web)

Como parear facilmente as fontes do Google

Como parear facilmente as fontes do Google

Ao criar um documento, a regra básica é usar apenas uma fonte. Usar várias fontes nunca é uma boa ideia. Essa regra sai pela janela quando você está projetando para impressão ou para a web. Usar fontes diferentes pode realmente fazer um pôster ou uma imagem de banner parecer boa. Encontrar fontes não é fácil, mas emparelhá-las é ainda mais difícil.

(Web)