Um bom web design depende de vários fatores, um dos quais é o posicionamento correto de cada elemento. Fita é uma extensão do Chrome para ajudar os web designers comisso permitindo adicionar réguas a uma página da web. A fita vai além do que as extensões comuns de medição de pixel oferecem; não apenas informa a área ocupada por um elemento específico em pixels, mas também permite adicionar quantas réguas você desejar à interface do navegador, para medir e delinear a distância relativa de diferentes elementos entre si. Você pode adicionar réguas horizontal e verticalmente, definir pontos de origem (sim, mais de um) e definir o ponteiro para ajustar automaticamente a diferentes elementos em uma página da Web à medida que você os move, como no Photoshop. A fita é ativada em uma página da Web por meio de um botão e é controlada exclusivamente pelo teclado. Obviamente, a própria página da web não permanece funcional enquanto a Fita está ativada, para que você não perca a funcionalidade normal da chave.
Depois de instalado, clique no botão da extensão ao ladona barra de URL para habilitá-lo. Um pequeno pop-up aparecerá no canto inferior esquerdo, listando os atalhos do teclado e suas funções. O cursor mudará automaticamente para uma régua com linhas horizontais e verticais. Ao mover o cursor pela página da Web, você notará que ele se encaixa nos elementos (destacados em vermelho). Consulte a lista de funções do teclado para determinar como adicionar uma régua. A maioria desses atalhos é bastante intuitiva para começar; por exemplo, você pode usar as teclas H e L respectivamente para adicionar linhas de régua horizontal e vertical.

Você pode soltar uma linha vertical e horizontalque se originam do mesmo ponto, posicionando o cursor sobre ele e pressionando a tecla O. A fita é excelente para trabalhar com elementos de design grandes e também oferece uma ferramenta de ampliação que permite adicionar réguas a elementos menores. Para ativar a ferramenta de ampliação (chamada de Lupa), pressione a tecla L com a fita ativada e o cursor aumentará o que quer que você a mova.

As réguas que a fita permite podem com precisãoacomodar até os pequenos elementos de exibição, e criar uma boa grade em torno deles é muito fácil. Talvez a melhor característica da extensão seja que, se você desativar a Fita em uma página depois de desenhar uma grade nela, ela lembrará de suas marcações antigas sempre que você a ativar, desde que não atualize a página, feche a guia ou saia do navegador.
A fita é bastante rápida e muito responsiva, e não encontramos motivos para reclamar em nossos testes. Os recursos são suficientes para qualquer web designer que usa o Chrome para experimentá-lo.
Instalar fita da Chrome Web Store
Comentários