2009 17 ottobre 2009

Dal file di Photoshop a HTML / CSS per WordPress serie

Screen shot 2009-10-17 at 4.59.04 PM Mi manca avere il tempo di leggere il mio blog ogni giorno come facevo, ma sono imbattuto in questa serie da uno dei miei preferiti: Chris Coyier, di cui un sito CSS Tricks mi ha aiutato immensamente.

Nella serie che ti prende dal processo di progettazione di fare un layout di pagina web, al processo di slicing e codifica - in cui CSS rende il design prende vita. Dopo egli si attraversa il processo di integrazione che il codice in un CMS (Content Management System) come WordPress. In questo modo tutto (messaggi, feed, gli aggiornamenti) sono dinamiche e il sito di larghezza. Spero ci si iscrive al suo feed RSS, controlla i suoi altri blog e godetevi la serie.

Ho commentato che speravo ci fosse un 4 ° nella serie per mostrarci il processo di codifica durante la preparazione e la galleria fotografica, modulo di contatto, carrello e feed Twitter. Avremo tutti dobbiamo controllare per vedere!

Parte 1 parte da zero assoluto in Photoshop, con solo poche risorse forniti dal Cliente. Progettiamo la homepage e la pelle per il sito.

Screen shot 2009-10-17 at 4.47.42 PM

Parte 2 mostra come affettare il disegno da Photoshop in XHTML / CSS.

Screen shot 2009-10-17 at 4.47.28 PM

Parte 3 mostra come convertire in un template WordPress.

Screen shot 2009-10-17 at 4.45.57 PM

Parte