El buen diseño web se basa en varios factores, uno de los cuales es la colocación correcta de cada elemento. Cinta es una extensión de Chrome para ayudar a los diseñadores web conesto permitiéndole agregar reglas a una página web. La cinta va más allá de lo que ofrecen las extensiones comunes de medición de píxeles; no solo le dice el área ocupada por un elemento particular en píxeles, sino que también le permite agregar tantas reglas a la interfaz del navegador como desee, para medir y delinear la distancia relativa de los diferentes elementos entre sí. Puede agregar reglas tanto horizontal como verticalmente, definir puntos de origen (sí, más de uno) y configurar el puntero para que se ajuste automáticamente a diferentes elementos en una página web a medida que se mueva sobre ellos, al igual que en Photoshop. La cinta se habilita en una página web a través de un botón y se controla únicamente a través de su teclado. Obviamente, la página web en sí no permanece funcional mientras la cinta está habilitada, por lo que no perderá la funcionalidad normal de las teclas.
Una vez instalado, haga clic en el botón de extensión siguientea la barra de URL para habilitarlo. Aparecerá una pequeña ventana emergente en la parte inferior izquierda, que enumerará los atajos de teclado y sus funciones. Su cursor cambiará automáticamente a una regla con líneas horizontales y verticales. A medida que mueve el cursor por la página web, notará que se ajusta a los elementos (resaltados en rojo). Consulte la lista de funciones del teclado para determinar cómo agregar una regla. La mayoría de estos atajos son bastante intuitivos para empezar; por ejemplo, puede usar las teclas H y L respectivamente para agregar líneas de regla horizontales y verticales.
Puede soltar una línea vertical y una horizontal.que se originan en el mismo punto colocando el cursor sobre él y presionando la tecla O. La cinta es excelente para trabajar con elementos de diseño grandes, y también ofrece una herramienta de aumento que le permitirá agregar reglas a elementos más pequeños. Para activar la herramienta de aumento (llamada Lupa), presione la tecla L con la cinta habilitada, y su cursor ampliará lo que sea que lo mueva.
Las reglas que habilita Tape puedenacomodar incluso los elementos de visualización pequeños, y crear una buena cuadrícula alrededor de ellos es muy fácil. Quizás la mejor característica de la extensión es que si desactiva la cinta en una página después de dibujar una cuadrícula en ella, recordará sus marcas antiguas la próxima vez que la active, siempre que no actualice la página, cierre la pestaña o salir del navegador
La cinta es bastante rápida y muy receptiva, y no encontramos ninguna razón para quejarnos en nuestras pruebas. Las características son suficientes para cada diseñador web que usa Chrome para probarlo.
Instalar cinta de Chrome Web Store
Comentarios