Hace un tiempo descubrí en Cristalab una serie de videotutoriales donde se abordaba el proceso de maquetar un diseño, realizado con Photoshop en formato PSD, a XHTML/CSS. Esta es una tarea que todo buen maquetador debe dominar a la perfección si quiere que sus plantillas se visualicen correctamente en todos los navegadores.
En los vídeos se tratan algunos conceptos básicos de CSS, como el modelo de cajas (box model) de CSS, el proceso de «slice», donde se cortan trocitos del diseño para maquetarlos más tarde. También se tratan temas como la inclusión de efectos con Javascript o fuentes personalizadas con Cufon. Si te interesa el tema no puedes perdértelos. Recientemente, la autora (Raymicha) ha finalizado la serie de videos y los ha colgado todos en Vimeo. Si te interesa el tema te recomiendo que le eches un vistazo por que puedes aprender bastante sobre el proceso de maquetación de un PSD.
Los vídeos aparecen al pinchar sobre «Seguir leyendo».
Capitulo 1: y aqui les presento a la plantilla from micha.
Capitulo 2 parte I: Cortar, Organizar y Nombrar from micha.
Capitulo 2: parte II: XHTML!!!!! from micha.
Capitlo 3 parte I: El concepto del modelo de Bloque from micha.
Capitulo 3 parte II: FULL CSS! from micha.
Gotitas de Javascript 😀 from micha.
Formularios Basicos from micha.