4 herramientas imprescindibles de maquetacion web con hojas de estilo CSS.

Las mejores utilidades para diseño y desarrollo de layouts y hojas de estilo CSS.

1. The 960 grid system es un sistema de rejilla css muy completo y desarrollado, en el que es aconsejable basar nuestros diseños. Esta web propone además de la aplicación de sus estandares para el desarrollo, diferentes plantillas para Fireworks, OmniGraffle, Photoshop, Visio, etc.. con el fin de facilitar el diseño. Imprescindible.
2. Construct es un potente editor visual de grid layouts basado en Blueprint y realizado en javascript con jQuery. Crea una estructura html basica, muy limpia similar a esto:
   

   Body HTML:

   <div class=’container’>
   <div class=’column span-6′>
   </div>
   <div class=’column span-6′>
   </div>
   <div class=’column last span-12′>
   </div>
   </div>
   <div class=’container’>
   <div class=’column span-12′>
   </div>
   <div class=’column span-6′>
   </div>
   <div class=’column last span-6′>
   </div>
   </div>
   <div class=’container’>
   </div>
   <div class=’container’>
   </div>

   Grid CSS .container { width: 950px; margin: 0 auto; }
   .column { float: left; margin-right: 10px; }
   .span-6 { width: 230px; }
   .last { margin-right: 0; }
   .span-12 { width: 470px; }

3. Blueprint CSS Framework es uno de los mejores frameworks para la creación de hojas de estilos web que implementa un sistema de rejilla (grid) y te permite posicionar cualquier elemento en la página. Es soportado por la mayoria de los navegadores.
4. Tripoli es una herramienta para resetear las hojas de estilos CSS de los navegadores, reconstruyendo asi las CSS para que cumplan los standares web.