2009 17 de outubro de 2009

Do arquivo do Photoshop para HTML / CSS para WordPress série

Screen shot 2009-10-17 at 4.59.04 PM Eu sinto falta de ter tempo para ler meus blogs diários, como eu costumava fazer, mas me deparei com esta grande série de um dos meus preferidos: Chris Coyier, cujo um site CSS-Tricks me ajudou imensamente.

Na série, ele leva você a partir do processo de projeto de fazer um layout de página, para o processo de corte e de codificação - onde CSS torna o projeto vir à vida. Em seguida, ele leva você através do processo de integração que o código em um CMS (Content Management System) como o WordPress. Desta forma, tudo (posts, feeds, atualizações) são dinâmicas e site de largura. Eu espero que você assinar o seu feed RSS, confira seus outros blogs e apreciar a série.

Eu comentei que eu esperava que houvesse um quarto da série para nos mostrar o processo de preparar e codificar a galeria de fotos, formulário de contato, carrinho de compras e Twitter. Nós todos vamos ter que verificar novamente para ver!

Parte 1 começa do zero absoluto no Photoshop, com poucos recursos fornecidos pelo cliente. Nós projetamos a página inicial e da pele para o site.

Screen shot 2009-10-17 at 4.47.42 PM

Parte 2 mostra como fatiar o projeto de Photoshop em XHTML / CSS.

Screen shot 2009-10-17 at 4.47.28 PM

Parte 3 mostra como convertê-la em um modelo de WordPress.

Screen shot 2009-10-17 at 4.45.57 PM

Ação