2009 17 de outubro de 2009

Do ficheiro de Photoshop para HTML / CSS para WordPress serie

Screen shot 2009-10-17 at 4.59.04 PM Eu sinto falta de tempo para ler meus blogs diarios, como adoitaba facer, pero me deparei con esta gran serie de un dos meus preferidos: Chris Coyier, cuxo unha web CSS-Tricks me axudou inmensa.

Na serie, el leva a partir do proceso de proxecto de facer un esquema de páxina, para o proceso de corte e de codificación - onde CSS fai o proxecto vir á vida. A continuación, el leva a través do proceso de integración que o código en un CMS (Content Management System) como o WordPress. Desta forma, todo (artigos, feeds, actualizacións) son dinámicas e sitio web de ancho. Eu espero que asinar o teu feed RSS, confía os seus outros blogs e gozar da serie.

Eu comentei que eu esperaba que houbese un cuarto da serie para amosar o proceso de preparación e codificar a galería de fotos, formulario de contacto, cesta da compra e Twitter. Todos imos ter que comprobar para ver!

Parte 1 comeza de cero absoluto en Photoshop, con poucos recursos proporcionados polo cliente. Nos proxectos a páxina de inicio e de pel para o sitio.

Screen shot 2009-10-17 at 4.47.42 PM

Parte 2 mostra como fatiar o proxecto de Photoshop en XHTML / CSS.

Screen shot 2009-10-17 at 4.47.28 PM

Parte 3 mostra como convertela en un modelo de WordPress.

Screen shot 2009-10-17 at 4.45.57 PM

Acción