A la hora de crear CSS existen muchas herramientas para facilitar y acelerar los tiempos de desarrollos como el framewok Blue Print o la extensión GridFox. Otra interesante herramienta es Griddle.it.
Griddle.it permite con sólo agregar una línea de código en la CSS, mostrar una grilla o retícula con las dimenciones y así poder diagramar el diseño.
Además de la practicidad de ésta herramienta, se destaca también por la sencillez, ya que sólo necesitamos agregar una línea de código en la CSS como la que sigue:
<style type="text/css">
body {
background: url(http://griddle.it/960-12-30) repeat-y center top;
font-family: 'times new roman', serif;
line-height: 1.5;
}
Griddle.it permite crear retículas verticales y horizontales, definir el color y también si mostrar o no los números de guía.
Griddle.it
Sitio: griddle.it