Tasarımcının İkon Rehberi yazısının üzerinden bir hayli zaman geçtikten sonra bir de link rehberi yapma zamanının geldiğini hissettim. İnternette yüzlerce, hatta binlerce kaynak var tasarımla ilgili; ben burada Neil Patel‘in özenle seçtiği 50 siteyi sunuyorum.

CSS Galerileri

Tasarım yaparken ilham gelmediyse, CSS galerilerini gezmek iyi bir fikir olabilir.

Devamını Oku

İnternette icon+clipart+free şeklinde arattığınızda genelde kalitesiz ikonların-resimlerin bulunduğu yerlerle karşılaşırsınız. Çünkü bu siteler reklamlardan para kazanmak için her yolu dener ve arama sonuçlarında ilk sayfada yer alırlar. Size site tasarımı vs. yaparken kullanabileceğiniz birkaç güzel ikon sitesinden bahsedeceğim. Devamını Oku

Web tasarımı rehberinin 3. bölümünde favicon yaratma, kodunuzun farklı platform ve tarayıcılarında görünümü, ve boyutlandırma gibi birkaç önemli konudan bahsediyorum. Öncelikle serinin 1. ve 2. bölümlerini okumanızı tavsiye ederim.

Favicon’unuz olsun!

Destekleyen tarayıcılarda sitenize girildiğinde adres çubuğunun başında, siteniz bookmark’lara eklendiğinde ve sekmelerde sıkça karşılaşıyoruz faviconlarla. Bu 16×16 veya 32×32′lik minik bir .ico dosyasının Devamını Oku

Standartlara uygun, esnek ve kaliteli web tasarımı yapmak isteyenler için güzel bir yazı dizisine başlıyorum. İlk bölümde html standartları, meta’lar ve kodu kendinizin yazmanın avantajlarına değineceğim.

Standardınızı Baştan Belirleyin

Bir web sitesi kodlamaya başladığınızda ilk yapmanız gereken html standardınızı belirlemek olsun. W3C tarafından belirlenen standartlara uygun kod yazmak farklı platformlarda ve tarayıcılarda aynı sonucu almanızı sağlayacaktır. Standardınızı html kodunuzda belirtmek için şu aşamaları takip edin:

Devamını Oku

Web tasarımı rehberinin ikinci bölümünde, kullanmanız ve kullanmamanız gereken html etiketlerine, daha ziyade standartlar arası geçişte hangi etiketler kaldırıldı, neler eklendi, ne gibi değişiklikler var, bunları anlatıyorum.

Alışkanlıklarınızdan Kurtulun…

Eskiden html kodu yazmaya başladığımızda haydaa, Allah ne verdiyse kaptırıp giderdik. Yazı ortalı mı olacak? Ver alttan <center>‘ı… Yazının rengini mi değiştireceğiz? Yaz <font color="red">, geç git… Sonradan öğrendik ki bu yaptıklarımıza tarayıcılar bize olan saygılarından ses etmiyorlarmış. Her kodun bir standardı varmış, seçtiğimiz standartlara göre kodlarımızı düzenlememiz gerekiyormuş. Mesela:

• Ortalama: Artık <center> yerine CSS yardımıyla ayarlanmış div‘ler kullanıyoruz. Eğer sayfadaki tüm bölümlerin tarayıcıda ortalanmasını istiyorsanız (bu sitedeki gibi), id’sini belirttiğiniz bir div için genişliğini belirtip margin:0 auto; demeniz gerekiyor. Yok, içindeki yazıyı ortalamak istiyorsanız text-align: center; olarak tanımlamalısınız. div-span ve id-class karşılaştırmasına daha sonra geleceğim.
• Yazıtipi düzenleme: Yukarıda da belirttiğim gibi, <font> diye girip istediğiniz font’u, büyüklüğü ve rengi seçmek yerine istediğiniz sayfa elemanının CSS kodunda font-family, font-size, line-height, color gibi bir çok özelliği bir anda belirleyip istediğiniz yerlerde kullanabilirsiniz.

Devamını Oku