Screen Ruler
Screen Ruler é uma ferramenta indispensável para desenvolvedores e designers web, permitindo medir e validar tamanhos, margens e alinhamentos de elementos em páginas da web.
Listado em categorias:
Extensões do ChromeFerramentas de designFerramentas de desenvolvimento
Descrição
O Régua de Tela é uma extensão do Chrome projetada para desenvolvedores e designers da web medirem tamanhos, distâncias, margens e preenchimentos de qualquer elemento em uma página da web. Permite que os usuários validem a implementação de seus sites, fornecendo informações detalhadas sobre os elementos na página, incluindo nomes de tags, IDs e classes.
Como usar Screen Ruler?
Ative a Régua de Tela clicando no ícone da extensão, selecionando-a no menu de contexto do botão direito ou usando o atalho Alt/Option + Shift + R. Passe o mouse sobre os elementos para exibir seus tamanhos e propriedades, e selecione elementos para medir distâncias entre eles.
Recursos principais de Screen Ruler:
1️⃣
Medir o tamanho em pixels de qualquer elemento
2️⃣
Medir a distância em pixels entre dois elementos
3️⃣
Acessar nomes de tags HTML, nomes de classes e IDs
4️⃣
Seleções responsivas que redimensionam com a janela do seu navegador
5️⃣
Copiar CSS computado para a área de transferência
Por que usar Screen Ruler?
| # | Caso de uso | Status | |
|---|---|---|---|
| # 1 | Desenvolvedores web validando layouts de sites | ✅ | |
| # 2 | Designers garantindo a implementação perfeita em pixels dos designs | ✅ | |
| # 3 | Equipes de garantia de qualidade verificando alinhamento e espaçamento de elementos da web | ✅ | |
Desenvolvido por Screen Ruler?
A Régua de Tela é desenvolvida por Mr. Violets, um desenvolvedor focado em criar ferramentas que aprimoram a experiência de desenvolvimento web. A extensão é projetada para estabilidade no Google Chrome e é compatível com outros navegadores baseados em Chromium.