PSD to HTML Dersi

Merhaba arkadaşlar, 2013 yılının son gününde sizler için bir yıl başı hediyesi hazırladım. Ve güzel bir psd to html dersi çektim.

Bu ders 3 bölümden oluşuyor. Header – Container ve Footer olarak. Toplamda 1 saat 57 dakikadan oluşuyor. Ve eğitim boyunca şunları öğreneceksiniz;

– ikonlar için font awesome kullanımını
– css’i hızlandırmak için less kullanımını
– yeni bir slider geçiş tekniğini
– bir psd tasarımın nasıl css’e aktarılacağını
– ve tayfun erbilen’in hasta olduğunu +_^

1. Bölüm (header)

2. Bölüm (container)

3. Bölüm (footer)

Kolay yoldan layer’ı kopyalamanın kısa yolu
Derste kullandığım kısayol: “ctrl + g” ile klasör içine alıyorum. “ctrl + e” ile yeni bir layer haline getiriyorum. “ctrl + a” ile tüm sayfayı seçip “ctrl + c” ile mevcut layerı kopyalıyorum.. “ctrl + n” ile yeni bir sayfa açıyorum ve “ctrl + v” ile kopyaladığım layerı yapıştırıyorum.

Dersteki kaynkalar;

PSD İndirme Linki;
http://dribbble.com/shots/1328390–PSD-eCommerce-Theme/

Reset.CSS;
http://meyerweb.com/eric/tools/css/reset/

PSD’de kullanılan font;
http://www.fontsquirrel.com/fonts/Aller

Kullanılacak İkon Seti;
http://fontawesome.io/icons/

Mutlu Yıllar!

Bir Cevap Yazın