Screen Ruler for Google Chrome
Screen Ruler é a ferramenta perfeita para desenvolvedores web e designers que desejam medir tamanhos, distâncias e margens de qualquer elemento em uma página da web.
Listado em categorias:
Ferramentas de designExtensões do ChromeFerramentas de desenvolvimento
Descrição
O Screen Ruler é uma extensão do Chrome projetada para desenvolvedores e designers da web medirem tamanhos, distâncias, margens e preenchimentos de qualquer elemento em qualquer página da web. Ele permite que os usuários validem a implementação de seus sites, fornecendo informações detalhadas sobre tamanhos de elementos, nomes de tags, IDs e classes simplesmente passando o mouse sobre eles.
Como usar Screen Ruler for Google Chrome?
Para usar o Screen Ruler, clique no ícone da extensão ou use o menu de contexto do botão direito para ativá-lo. Passe o mouse sobre os elementos para ver seus tamanhos e propriedades, selecione elementos para medir distâncias e acesse o CSS computado no painel lateral. Você pode personalizar atalhos de teclado para um acesso mais fácil.
Recursos principais de Screen Ruler for Google Chrome:
1️⃣
Medir o tamanho em pixels de qualquer elemento
2️⃣
Medir a distância em pixels entre dois elementos
3️⃣
Ver nomes de tags HTML, nomes de classes e IDs
4️⃣
Acessar CSS computado e copiá-lo para a área de transferência
5️⃣
Personalizar atalhos de teclado
Por que usar Screen Ruler for Google Chrome?
| # | Caso de uso | Status | |
|---|---|---|---|
| # 1 | Desenvolvedores web podem validar a implementação de seus designs verificando tamanhos e alinhamentos de elementos. | ✅ | |
| # 2 | Designers podem garantir precisão pixel-perfect em seus designs comparando-os com as páginas da web implementadas. | ✅ | |
| # 3 | Equipes de garantia de qualidade podem usar a ferramenta para identificar problemas de layout e alinhamento antes que um site entre no ar. | ✅ | |
Desenvolvido por Screen Ruler for Google Chrome?
O Screen Ruler é desenvolvido pela Nontrader, um desenvolvedor focado em criar ferramentas para desenvolvedores e designers da web para aprimorar seu fluxo de trabalho e melhorar a precisão da implementação de sites.