Bir kaç hafta önce, size bir PSD tasarımını alıp nasıl HTML ve CSS'e dönüştüreceğinizi gösterdim. Önceki çalışmamın çok tutması sebebiyle ikinci bir seri yaratmaya (tövbe haşa) karar verdim. Ancak pek tasarımcı olduğum söylenemez. Dolayısı ile Collis'ten Web Design Week'te hazırladığı tasarımı kullanmama izin vermesini istedim.

Tıpkı son seferde olduğu gibi , işlem boyunca adım adım gideceğim.(en sıkıcı adımlarda dahi) Keyfini sürün !

PSD

%100 HTML ve CSS

Bu haftaki resimli kısımda tasarımını kullanmama izin verdiği için Collis'e yeniden teşekkürler. Eğer bu sayfanın size yardımı dokunduysa lütfen paylaşarak veya RSS yayınına ekleyerek yardımcı olun ve/veya bir yorum yazın. Haftaya görüşmek üzere ! :)

Ekstra Kaynaklar

Eğer PSD'den HTML'e dönüştürmede yeniyseniz, temel konularda hızlanmanız için, size bir grup giriş dersi öneririz ;

• PSD to HTML: The Responsive Portfolio Build - by Craig Campbell
• PSD to HTML for Designers by Adi Purdila

Eğer PSD tasarımınızı dönüştürürken biraz yardım ararsanız, Envato Studio'nun PSD'den HTML'e isimli inanılmaz koleksiyonunu keşfetmek isteyebilirsiniz.