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/