Rebanada y dados que PSD

En el video tutorial de hoy, cortaremos un PSD, lo cortaremos para la web y lo serviremos en un plato caliente. Nuestro diseño luce un aspecto "Web 2.0" limpio y es cortesía de Joefrey de ThemeForest.net. Asegúrate de visitar su perfil si tienes la oportunidad..

Paso 1: Escribir el marcado

Paso 2: Codificando el CSS

La instantánea de PSD

La instantánea HTML / CSS

También te puede gustar ...

• 

  Convertir un diseño de PSD a HTML

  Hace varias semanas, le mostré cómo tomar un diseño de PSD y convertirlo en HTML y CSS. Dada la popularidad de ese tutorial en particular, he decidido crear una segunda serie. Sin embargo, no soy mucho de un diseñador. En cambio, le pregunté a Collis si me permitiría usar el diseño que usó en un reciente tutorial para la Semana del Diseño Web..

  Al igual que la última vez, lo guiaré paso a paso a través del proceso, incluso a través de las partes tediosas. Disfrutar!

  Visita el artículo

• 

  Cómo convertir un PSD a XHTML

  Sigo sorprendiéndome por lo bien que sigue funcionando el tutorial de Collis "Build a Sleek Portfolio Site From Scratch". Han pasado meses, sin embargo, todavía publica números fuertes cada semana. Teniendo en cuenta ese hecho, decidí crear un screencast que te muestre exactamente cómo convertir una PSD en XHTML / CSS perfecto.

  Visita el artículo

• Suscríbase a la fuente RSS de NETTUTS para obtener más artículos y artículos de desarrollo web diarios..