RÉGUA PARA MEDIR ELEMENTOS HTML E IMAGENS - WEB DEVELOPER

O plugin MeasureIt é uma excelente ferramenta para medir imagens e elementos html na própria página. Por meio do plugin MeasureIt o desenvolvedor pode entrar em qualquer página html e observar as medidas de uma imagem ou até mesmo as dimensões de alguma página. 

INSTALAR O PLUGIN MEASUREIT NO FIREFOX

Clique aqui para ter acesso ao pluign do MeasureIt e iniciar a instalação.

Webdeveloper - Measureit pluign para medir imagens

Clique em Adicionar ao Firefox, instale e reinicie. O ícone do MeasureIt ficará no canto superior direito do Firefox.

Icone do MeasureIt

Veja um exemplo utilizando o MeasureIt em uma página da web. Por meio desta ferramenta você pode medir imagens e vários outros elementos html.

Ao utilizar o MeasureIt, ele irá apresentar em uma caixa as medidas do objeto selecionado.

Assim como no Firefox o MeasureIt também pode ser instalado no Google Chrome facilmente.

INSTALAR O MEASUREIT NO GOOGLE CHROME

Para instalar o MeasureIt no Google Chrome siga os passos abaixo, é bem simples.


Passo 1:


Acesse o Google Chrome e clique no ícone de Personalizar e Controlar o Google Chrome.

Passo 2:

No menu de acesso das configurações vá em Mais Ferramentas - Extensões, clique para acessar o painel.

Passo 3:

Se for o caso role a tela até o link de acesso Obter mais extensões, ao clicar será aberto uma tela onde permite que o usuário faça uma busca por novas extensões, como será apresentado no próximo passo.

Passo 4:

Acessado a página de busca por extensões, no canto superior esquerdo digite MeasureIt, será feito a busca pela nova extensão, ao ser apresentado o resultado, basta clicar no botão USAR NO CHROME e pronto. Qualquer nova extensão que esteja no repositório do Google Chrome é exatamente assim que é instalado.

Pronto o MeasureIt está instalado no Google Chome e já pode ser utilizado para medir elementos renderizados no navegador. Você pode ter as medidas de imagens, caixas de textos, elementos como divs e etc. Basta clicar e arrastar.

Este tipo de ferramenta é ótimos para desenvolvedores que buscam otimizar suas páginas. 

Você poderá gostar também de ver:

Como as cores podem influênciar e padronize as cores em seus projetos.
Instale novos navegadores no Ubuntu.
Editores PHP para sua programação.
Instale o PHP7 e o Apache no Ubuntu.

Existe uma infinidade de ferramentas para desenvolvimento para o Google Chrome e Firefox, estas ferramentas ajudam e otimizar as tarefas de um webdesigner.

Instale o MeasureIt para o Firefox e o Google Chrome. Abraços.