Arkadaşlar merhaba, uzun bir aradan sonra tekrar yazılarıma devam etmek istiyorum. Bu ikinci başlangıç umarım yarım kalmaz. Bu yazımda arayüz geliştirme diye adlandırdığımız hazırlanmış layout tasarımların, kullanıcı interaktivitesine imkan tanıyan web sayfalarına çevrilmesi sürecinde gözlemlediğim eksik yaklaşımları irdelemek niyetindeyim.

Web uygulamaları, kullanıcı interaktivitesine cevap verecek sayfalara ihtiyaç duyar. Bu etkiye cevap verecek sayfaları kodlamak arayüz geliştiricilerinin işidir. Arayüz geliştiricisi hazırlanmış layout tasarımlarını  gerçeklerken “nasıl olursa olsun, bir şekilde olsun” yaklaşımını aşan bir vizyona sahip olmak durumundadır.

Bir web uygulamasında imajları görselliği zenginleştirmek adına kullanırız.  Bu birbirinden bağımsız imajlar tarayıcı tarafında yüklenirken, sunucundan her biri için ayrı HTTP isteğinde bulunulur. Ne kadar çok imaj, o kadar çok istek demektir.  Bu istekler ne kadar çoksa, sunucuya da o kadar çok yük biner. CSS Sprite olarak bilinen bu teknikle, web uygulamasında kullanılan imajların mümkün olduğunca birleştirilerek, HTTP istek sayısının düşürülmesi ve dolayısıyla sunucuya binen yükün mümkün olduğunca azaltılması sağlanır.

Konuyla ilgili bir önceki yazımızda CSS özellik seçicilerini kullanarak daha erişilebilir ve kullanıcı dostu linkler oluşturmuştuk ve ne yazık ki IE6’nın kodlarımızı algılamadığını birlikte tecrübe etmiştik. CSS kullanarak yaptığımız bu işi, bu sefer JQuery kullanarak gerçekleştireceğiz.

Serimizin bu üçüncü yazısında İmaj Yerine Koyma Tekniklerinden Tom Gilder ve Levin Alexander tarafından geliştirilen Gilder/Levin Tekniği ile devam edeceğiz. Klasik FIR ve Phark Tekniğine göre daha başarılı olan bu teknik ile tarayıcıda CSS özelliğinin açık, imaj özelliğinin kapalı olduğu durumda yaşamış olduğumuz sorunu da aşmış oluyoruz. Nasıl mı? İncelemeye başlayalım.

“XHTML’in anlamlısı, anlamsızı olur mu?” demeyin. XHTML’in yaratıcıları onu kullanın diyorlar, ama hemen ardından ekliyorlar, doğru bir şekilde kullanın.

Serimizin bu ikinci yazısında İmaj Yerine Koyma Tekniklerinden Mike Rundle tarafında geliştirilen Phark Tekniği ile devam edeceğiz. Klasik FIR tekniğine göre Phark Tekniği bize erişilebilirlik ve gereksiz kod yazdırmama konularında avantajlar sunuyor.

Günümüzün web dünyasında yazınsal içerik, bilginin sunulma yolu olarak tercih edilen bir yöntem olarak biliniyor. Çünkü sade XHTML yazınsal içerik; hazırlanması, sunulması ve arama motorları tarafından indekslenmesi bakımından oldukça avantajlı… Ama görsel olarak bize, yani web geliştiricilerine yetmeyen bir tarafı da var. Bu anlamda web uygulamalarında başlıklarda, navigasyon yapılarında imajları oldukça fazla tercih ediyoruz.