basarozcan tarafından yazılan yazılar | bildirgec.org

Son zamanlarda web tasarımcılarının alet çantasında en önemli bölmede bulunan sIFR uygulaması ile tasarladığımız siteler artık göze daha güzel görünüyor. İsterseniz demosuna bir göz atın!

sIFR nedir?
Eğer bir web tasarımcısı olarak bu uygulamayı henüz duymamışsanız siteleriniz biraz eski moda görünüyor olabilir. sIFR, ziyaretçilerde bulunmayan yazı tiplerini sitenizde kullanabilmenizi sağlıyor. Bu konu hakkında Muhammet Sevim'in kullanım kılavuzu makalesini ve sIFR tanıtım makalesini okuyabilirsiniz. Ayrıca uygulamanın fikir babası olan Mike Davidson'ın konu hakkındaki makalelerini de buradan inceleyebilirsiniz.

WYSIWYG editörleri siteye yapılan giriş işlemlerinde metni düzenlemek için birçok yerde kullanılmakta. Örneğin Wordpress'te çok detaylı bir wysiwyg editör bulunmakta. Bu editörleri yazmak için javascript bilgisi gerekiyor ve bilmeyenler için bu tarz özellikleri sitelere eklemek işkence oluyordu. Fakat jQuery için yapılan bir ek paket bu zorlukları tamamen ortadan kaldırıyor. Sadece 4-5 satır kod ve 7kb'lık js dosyası ile güzel tasarlanmış ve basit işlemleri kolaylıkla yapabilen bir wysiwyg editöre sahip olmanız mümkün.

CSS Sprite'ları konusunda daha önce bir yazıyla karşılaştınız mı? Sprite'ın bir içecektan olmaktan başka web tasarımından nasıl bir terim olduğunu biliyor musunuz? Eğer bilmiyorsanız Sprite nedir hep beraber öğrenelim...

Sprite nedir?
Sprite bir imaj dosyasıdır. Ama bu imaj dosyanın diğerlerinden tek bir farkı vardır o da birçok imaj dosyasını içinde bulundurmasıdır. Örneğin ülke bayraklarının herbirini tek tek kaydetmek yerine düzgün bir biçimde 1 imaj dosyasının içine kaydedebilirsiniz. Daha sonra css kodlarında bazı derlemeler yaparak her ülkenin bayrağını tek tek o dosyanın içinden ayırabilir ve sitenize ekleyebilirsiniz.

Birçok tasarımcının kullandığı mükemmel araç Photoshop hakkında internette birçok rehber bulunuyor. Fakat bu adresteki rehber bambaşka. Nettuts, psd formatındaki bir anasayfayı adım adım bir wordpress temasına dönüştürmüş ve gerekli tüm html ve css kodlarını da bu esnada sunmuş. PSD formatındaki sitenin adım adım HTML'e dönüşümünü görmek ve örnek olarak kullanmak istiyorsanız bu kaynağa göz atmalısınız.

jQuery'nin 1.2 sürümü yayınlandıktan sonra jQuery birçok kez yamandı. Hatalı çıkan versyonun ardından 1,2 ve 3 üçüncü ek sürümler bazı hataları düzeltmek için çıkarıldı. Yanlış kodlanan bir 1.2.4 versyonundan birkaç gün sonra 1.2.5 çıktı. jQuery'deki hatalar hala bitmemiş olacak ki açıkları yamayan son sürüm olan 1.2.6 Mayıs ayının sonunda yayınlandı. Büyük performans geliştirmeleri yaptığını açıklayan jQuery ekibi eventlarda %103 ve css seçicilerde %13 daha hızlı cevap veren bir jQuery kodlamışlar.

jQuery kütüphanesinin nimetleri gün geçtikçe artıyor. Peki bu kütüphanenin nimetlerini nasıl öğrenebiliriz, nasıl yararımıza kullanabiliriz tarzı sorular aklınızı kurcalıyorsa aşağıdaki kaynakları zaman zaman kontrol ederek jQuery'nin kullanımı hakkında yeterli bilgiyi edinebilirsiniz.

• 15days of jQuery - bu site jQuery hakkında birçok örnek kod ve rehber içermekte.
• Learning jQuery - aynı şekilde rehber ve örnek kodlar bulunduran nitelikli bir blog.
• jQuery for Designers - daha ileri seviye rehberler bulunan bir site.
• How jQuery works - jQuery’nin çalışma prensipleri yani basit kullanımları hakkında makaleleri bulunan site
• jQuery Tutorials for Designers - ileri düzey 10 uygulamanın bulunduğu bir sayfa.
• jQuery in 15 minutes - slayt gösterisi ile jQuery’i tanıyın.
• jQuery Cheat Sheet - jQuery terimlerinin bulunduğu referans sayfası.

buradaki kaynaktan Türkçeleştirdiğim sitede ayrıca tasarım rehberleri de bulunmakta.

HTML4'ün yavaş yavaş beklentilere cevap verememesiyle birlikte yeni arayışlara giren tasarımcılar div ayraçlarını CSS ile verimli şekilde kullanmaya başlamışlardı. Ne kadar iyi kodlamalar yapılsa da HTML4'ün artık yetmediği ortaydı.

HTML5 ise dilde yalınlık ilkesini amaç edinen yeni özellikleri ile kullanıcıların işini kolaylaştıracak. Daha az kodla sitelerimize aynı görünümleri verebileceğiz. Alistapart kaynağında okuduğum html5 içeriğinde bu yalınlaşma gayet iyi açıklanmış.