|

Si tienes la necesidad de comprobar que la maquetación html de un diseño en retícula mantiene las distancias y anchuras correctas, puedes dedicarte a hacer capturas de pantalla y compararlas con los diseños, utilizar algún programa para medir espacios en pantalla (recomiendo Webmaster’s Toolkit, buenísimo) o superponer una retícula sobre tus páginas.

Para esto último he creado un bookmarklet que superpone una retícula semitransparente centrada en la página. La retícula utilizada tiene una anchura total de 1002 píxeles (976 de espacio útil + 13 píxeles por cada lado de distancia de seguridad), 12 columnas de 75 píxeles cada una y márgenes de 8 píxeles entre ellas.

Para usar el bookmarklet, arrastra el link “Retícula” a la barra de marcadores en Firefox o Safari o haz click con el botón derecho del ratón sobre él para añadirlo a los favoritos en Internet Explorer u Opera. Para quitar la retícula haz click sobre ella.

Retí­cula

Si necesitas utilizar otra imagen de fondo, puedes modificar el código desde las propiedades del favorito.

De momento no funciona en Konkeror y parece no funcionar corréctamente en esta página en Internet Explorer 6 y 7, aunque sí lo hace en otras.