Acabo de encontrar este framework en el que, parece que al fin, se une la programación CSS y el sistema de maquetación de grids.

Aquí está. Traduzco de la página:

Esencialmente
El sistema 960 representa un esfuerzo por mejorar el flujo de desarrollo web, a través de un sistema de dimensiones flexible y único, basado en un ancho de 960 pixels. Hay 2 variantes, 12 y 16 columnas, que pueden ser usadas por separado o en tándem.

Dimensiones
El sistema de 12 columnas está dividido en bloques de 60 px de ancho. En el sistema de 16 columnas, el ancho es de 40 px. Cada columna tiene 10px de separación a cada lado.

Utilización
La premisa del sistema es que el prototipado de maquetas sea rápido, aunque también debe funcionar igualmente bien si se integra en un entorno de producción. Hay Plantillas imprimibles, layouts de diseño, etc.

Los monitores modernos visualizan la información con una resolución de pantalla de al menos 1024 × 768 . 960 es divisible por 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. Esta enorme flexibilidad es lo que está popularizando tanto el sistema entre diseñadores, estudios y maquetadores front end.

Volviendo a nuestra opinión, el uso de medidas “estándar” facilita el proceso desde el diseñador hasta el front end, a la vez que la creación de templates de Photoshop permite a diseñadores con un background más “clásico” trabajar mucho más cómodamente con un diseño de web.