Sitelerimizde gerek menülerde, gerekse yazılarımız içinde bazen listeleme yapma ihtiyacı duyarız. Tabi listeleri tasarımımıza uygun şekilde güzelleştirmek de isteriz. İşte bu noktada en çok kullanılan yöntem liste etiketine bir arkaplan resmi atamak ve bu resmi en sola dayamaktır. Not olarak şunu da belirtmeliyim ki bu yazımda sıralı olmayan listelerden (ul) bahsediyorum. Şimdi basit iki örnekle konuyu inceleyelim.
devamını okuyun »

Konuyu daha iyi kavrayabilmek için örnek bir senaryo oluşturalım. Diyelim ki bir oyun sitesi oluşturuyoruz. Grafiker tarafından sitenin tasarımı çizildi ve CSS / XHTML olacak şekilde kodlanmak üzere elinize geldi. İşte bu dakikadan itibaren her adımınızda SEO‘yu (Arama Motoru Optimizasyonu) düşünmeli, tasarımı ona göre kodlamalısınız. Bu aşamada genelde yapılan hata ise logonun SEO’ya uygun şekilde kodlanmamasıdır. Gelin beraber bir örnek bir oyun sitesi logosu kodlayalım ve bunu SEO’yu aklımızdan çıkarmadan yapalım.
devamını okuyun »

Bir programcı olarak tasarım konusunda çok iyi olmadığımı söylemeliyim. Bu nedenle tasarım işlerimi çizimine hep güvendiğim Cenk Akyıldız ile görmekteyim. Bugün kendisinin hazırlayıp satışa sunduğu bir yönetim paneli tasarımını sizinle paylaşmak istiyorum; Plastico Admin Panel

Tasarımı çizdikten sonra CSS/XHTML kodlaması yapıldıktan sonra dağıtılmaya hazır hale gelmiş bir panel. Eğer sizde benim gibi birbirinden farklı ihtiyacınızı karşılayacak içerik yönetim sistemleri yazmakla ilgileniyorsanız bu panel yönetim kısmınız için doğru bir seçim olabilir. Fakat kusura bakmayın, ilk ben kullanmaya başladım :) Code Igniter ile bütünleştirerek güzel bir panel ortaya çıkarmayı planlıyorum.

Sözü fazla uzatmadan sizin Plastico Admin Panel ile başbaşa bırakayım.
devamını okuyun »

Sitelerimizde bazen kendi zevkimize göre yazı tipleri kullanmak isteriz. Bununla birlikte çok büyük yazı karakterleri de kullanmamız gereken zamanlar oluyor. İşte böyle durumlarda en doğru çözüm bu zamana kadar sIFR teknolojisiydi fakat artık güçlü bir rakip var, şurada örneğini görebileceğiniz Cufón.

Cufón’un Artıları

Bu yeni tekniği özel ve farklı kılan bazı hususlar şunlar.

• sIFR gibi Flash dosyası kullanmak yerine Javascript dosyası kullanır. Böylece görüntülenmesi normal bir metnin görüntülenmesi kadar hızlıdır.
• Kendi dosyaları dışında hiçbir eklentiye ihtiyaç duymaz.
• Oldukça kolay ve kısa süren bir kurulumu vardır.
• Tüm tarayıcılarda sorunsuz bir şekilde çalışır.
• Dönüştürmüş olduğunuz yazı tipi dosyasını sadece belirli bir alanadında çalışacak şekilde düzenleyebilirsiniz. Böylece ücretli yazı tiplerini veya başkasının kullanmasını istemediklerinizi çalınma korkusu olmadan güvenle sitenizde kullanabilirsiniz.
• Yazı tipi dönüştürme sırasında Türkçe karakterleri de ekleyebilirsiniz. Böylece Türkçe karakterler konusunda sıkıntı yaşamazsınız.
• Yazı tipinizi dönüştürürken dosyanın kalite oranını seçerek ortaya çıkacak Javascript dosyasının küçük olmasını ve böylece sisteminizi kasmamasını sağlayabilirsiniz.

devamını okuyun »

Yeni bir proje için bir site hazırlayacaksınız diyelim. İşin kaliteli olmasını istediğiniz için tasarımını bir grafikere çizdirdiniz ve PSD veya PNG olarak grafikerden çalışmayı aldınız. Sırada resim halindeki bu tasarımı kodlamak var. Kodlamak derken öyle veritabanı, PHP / ASP programlamasından bahsetmiyorum. Sadece grafikerden almış olduğunuz resim halindeki tasarımı, web standartlarına (W3C) uygun, tüm tarayıcılarda aynı görünen bir HTML dosyası yapacaksınız. Nelere ihtiyaç duyarsınız, sorunlarla nasıl başedersiniz? Sizin için bu konuda bir harita çıkartayım istedim. Böylece daha projenin başında ihtiyacınız olanları derler ve çalışmanız sırasında arayışa düşmeden, dikkatiniz dağılmadan siteyi tamamlayabilirsiniz.
devamını okuyun »

Sitenize Internet Explorer’ın eski, köhne, çirkin, kullanışsız, standartlara uymayan vs. vs. sürümü olan 6.0 ile gelen ziyaretçilerinize mesaj bırakabilirsiniz. Tek yapmanız sitenizin gövde ( body ) kısmında şu kodları kullanmak.
devamını okuyun »

Başlık belki açıklayıcı olmayabilir. Daha net bir ifadeyle bu makalenin özünü şöyle yazabilirdim.

Internet Explorer tarayıcısını HTML ve CSS kodlarını standartlara uygun bir şekilde yorumlamasını sağlayabilirsiniz. Nasıl olacak derseniz cevap IE7.js ve IE8js kütüphaneleri.

devamını okuyun »