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 :D from micha.
Formularios Basicos from micha.
Me llamo David Noguera, tengo 23 años y soy Desarrollador/Administrador web.
Puedes encontrar algo más de información en la página
18 de Enero del 2010 a las 1:08 am
Excelente serie de videos, en especial la segunda parte del video sobre CSS. Todo es explicado de manera muy fácil!!
Buen post!!
Saludos desde Venezuela