Screen Ruler
Screen Ruler es una herramienta indispensable para desarrolladores y diseñadores web que permite medir y validar tamaños, márgenes y alineaciones de elementos en páginas web.
Listado en categorías:
Extensiones de ChromeHerramientas de diseñoHerramientas de desarrollo
Descripción
Screen Ruler es una extensión de Chrome diseñada para desarrolladores web y diseñadores para medir tamaños, distancias, márgenes y rellenos de cualquier elemento en una página web. Permite a los usuarios validar la implementación de sus sitios web proporcionando información detallada sobre los elementos en la página, incluidos los nombres de las etiquetas, IDs y clases.
Cómo usar Screen Ruler?
Activa Screen Ruler haciendo clic en el ícono de la extensión, seleccionándolo del menú contextual al hacer clic derecho, o usando el atajo Alt/Option + Shift + R. Pasa el cursor sobre los elementos para mostrar sus tamaños y propiedades, y selecciona elementos para medir distancias entre ellos.
Características principales de Screen Ruler:
1️⃣
Medir el tamaño en píxeles de cualquier elemento
2️⃣
Medir la distancia en píxeles entre dos elementos
3️⃣
Acceder a los nombres de las etiquetas HTML, nombres de clases e IDs
4️⃣
Selecciones responsivas que se redimensionan con la ventana de tu navegador
5️⃣
Copiar CSS computado al portapapeles
Por qué podría ser usado Screen Ruler?
| # | Caso de Uso | Estado | |
|---|---|---|---|
| # 1 | Desarrolladores web validando diseños de sitios web | ✅ | |
| # 2 | Diseñadores asegurando una implementación perfecta en píxeles de los diseños | ✅ | |
| # 3 | Equipos de aseguramiento de calidad verificando la alineación y el espaciado de los elementos web | ✅ | |
Desarrollado por Screen Ruler?
Screen Ruler es desarrollado por Mr. Violets, un desarrollador enfocado en crear herramientas que mejoren la experiencia de desarrollo web. La extensión está diseñada para estabilidad en Google Chrome y es compatible con otros navegadores basados en Chromium.