Extensión de Chrome para medir elementos

Cada tanto se ven pequeñas herramientas que lejos en realidad de ser pequeñas ayudan mucho en el proceso de desarrollo. Este es el caso de Dimensions, una extensión creada en Alemania completamente gratuita que nos ayudará desde Chrome a medir cualquier tipo de elemento que veamos en pantalla.

Existen muchas alternativas que realizan esta tarea con objetos puntuales pero lo genial de este caso es que se puede medir también la distancia entre imagenes, botones, campos de texto, videos, presentaciones, iconos, texto o lo que sea, absolutamente todo entra en medida si asi lo deseamos.

Extensión de Chrome para medir elementos

Por otro lado, puede ser útil cuando nos envían por ejemplo mockups en formato de imagen. Los llevamos a Chrome y gracias a esta aplicación podremos revisar sus tamaños tranquilamente.

Los ejemplos son miles pero quienes diseñen, trabajen con diseños o desarrollen conocerán la importancia de tener a mano algo que nos permita realizar estos procesos. Muchas veces las medidas deben ser exactas ya que solo un poco mas generará un problema en el resultado final. Por otro lado, poder chequear si lo que nos enviaron cumple con lo pedido ahorrará no solo tiempo para ambas partes sino también trabajo a futuro.

Para utilizar Dimensions solo deben instalar el agregado para Chrome desde el enlace inferior y permitir su instalación. Una vez sumado a nuestro navegador, se lo activará manualmente mediante el icono o bien podemos configurar un atajo de teclado para hacerlo de manera mas rápida. ¿Cómo? simplemente vamos  a la lista de extensiones y allí veremos la  opción.

De momento no está disponible para otras plataformas pero como bien aclaran sus creadores se trata de un proyecto open source basado en Github que puede ser adaptado sin problemas según la necesidad de cada uno.

Para conocer mas datos sobre el funcionamiento puede verse en el sitio de la demostración fácilmente lo genial que trabaja. Si ingresan notarán que en la parte superior se ve la cabecera con diferentes elementos de ejemplo sobre un fondo blanco. Solo basta con que muevan el puntero hacia allí y si recorren lentamente notarán que se les irá informando de las distancias y medidas de cada objeto.

Web: Dimensions

Categorizado en: