Maquetación página con Haml y Sass

Maquetación Html usando Haml y Sass como preprocesadores que minimizan tiempos

Hace poco tuve que realizar una maquetación de una página simple con HAML y SASS. Con Sass ya estaba acostumbrado a trabajar. Creación y uso de funciones (mixins), declaración de variables, anidamiento (nesting) de selectores, con un poco de compass para hacer el trabajo más rápido y limpio.

Comparto aquí los dos vídeos que grabé para que se viera el proceso seguido para la maquetación.

El primero se trata de incluir el contenido con Haml.

El segundo para la maquetación con Sass y Compass.