Cómo agregar cuadrículas personalizadas a cualquier sitio web en Chrome

Apple podría estar cayendo a pedazos en términos de diseño de hardware y software, pero en su apogeo, nos enseñó lo bien que se ve algo si está alineado correctamente. El punto es que cuando las cosas se alinean perfectamente, se ven mejor y esto es cierto para el diseño industrial y el diseño web. Los diseños de sitios web generalmente se crean en Photoshop, pero eso no quiere decir que los diseñadores y desarrolladores no jueguen con el aspecto de un sitio web en su navegador. Es bastante fácil jugar con él; todo lo que tienes que hacer es abrir la consola de desarrollo web que tienen todos los principales navegadores web y agregar relleno, cambiar el color del texto, etc. Una cosa que a todas estas consolas les falta es una herramienta de alineación. Si Chrome es su navegador preferido para el desarrollo, Baseliner es una extensión que debe probar. Agrega una serie de líneas horizontales a su pantalla. Tiene total libertad para definir el espacio entre estas líneas, así como su color. Además, la herramienta le permite agregar relleno personalizado en la parte superior de una página antes de las líneas de cuadrícula.

Instale Baseliner y haga clic en el botón B que agrega al lado de la barra de direcciones. Se abrirá un menú con opciones para personalizar su cuadrícula.

De forma predeterminada, el relleno superior se establece en 0px, el espaciado entre líneas se establece en 12px y las líneas son de color gris con opacidad establecida en 100%. Para cambiar cualquiera de estos valores, haga clic dentro del cuadro junto a ellos.

El cuadro de color le ofrece un selector de color estándar para cambiar el color de las líneas de la cuadrícula. Los valores de espaciado, relleno y opacidad se pueden cambiar ingresando un número personalizado para cada parámetro. Alternativamente, puede usar las flechas arriba / abajo para aumentar o disminuir el valor. Una vez que haya personalizado la cuadrícula, haga clic en ‘Aplicar’ en la parte inferior.

línea de base

Las girdlines se agregan solo a la página actual y no a todas las páginas que tiene abiertas en su navegador. Para eliminar las líneas una vez que haya terminado, simplemente haga clic en el botón B nuevamente y haga clic en el botón ‘Eliminar’ en la parte inferior.

Baseliner funciona a la perfección. El control de color de la cuadrícula y el relleno en la parte superior hacen que la extensión sea aún más inteligente. Solo deseamos que también admita líneas verticales.

Instalar Baseliner desde Chrome Web Store