-- Uncategorized

Tasarımı HTML5 ve CSS3’e dökmek (1) – Font işleri

Genellikle bir web projesine başladığımda, tasarımcıdan tasarım Psd formatında gelir. Bazı tembel tasarımcı arkadaşlar, aynı psd dosyası üzerinde katman katman çalışıp o photoshop gözleriyle oynattırırlar insanı, buradan onlara sesleniyorum. Ayrı ayrı her sayfa için .psd yapın şunu lütfen. Tasarımı koda dökerken kulaklarını baya çınlatıyoruz o photoshop gözlerini açıp kapatırken. Aşama aşama yapacağımız şeyler şöyle: PSD olarak gelen dosyadaki fontları webfont’a çevirmek Tasarımdaki mantıksal öğeleri, hiçbir süsleme kullanmadan saf HTML’ye dökmek İmajlar, ikonlar, logolar için tasarımcının kafasını ütülemek Hangi CSS framework’ünü kullanacağımıza karar vermek Tasarıma özgü CSS kodunu oluşturmak. JS ile sağlanabilecek interaktif öğeleri jQuery ile yazmak. Back-End kısımını halletmek. (Bu projeyi wordpress teması olarak oluşturacağız. Bir sonraki seride bu işi yapacağız.) 1. Font çevirme işlemi Tasarımcıların tasarımlarında kullandıkları fontları web üzerinden, tarayıcı ile uyumlu hale getirmemiz gerekiyor. Genellikle font dosyaları farklı farklı olur ve bunları CSS i...
Patreon üyelerine özel içerik.
To view this content, you must be a member of Mutlu's Patreon at "Merakli Bilişimci Üye..." or higher tier
Already a Patreon member? Refresh to access this post.

Yorumla

Yorum

  1. Merhaba kendi sitesini yapmak isteyen birisi , sadece HTML5, CSS3, Javascript, JQuery kullanarak(framework yok, photoshop yok) fron-end kısmını halledemezmi? yani css kullanarak button falan oluşturma işlemleri.