jQuery Mobile ile Tasarım

jQuery Mobile, HTML5 temelli bir kullanıcı arayüz tasarım sistemidir.

jQuery Mobile, sadece JavaScript dosyalarından oluşmaz, arayüz tasarımını sağlayabilmek için CSS dosyaları da yer alır.

jQuery Mobile, platform bağımsız olarak tanımlayabileceğimiz bir yapıda tasarlanmıştır. Bu yapısı birçok farklı İnternet tarayıcısında sorunsuz olarak çalışabilmesini sağlar.

HTML belgesinde gezinme, olay işleme, animasyon ve diğer Ajax uygulamalarını çok daha basit hale getirir ve bu işlemlerin mobil uyumlu olarak gerçekleştirilmesini sağlar.

jQuery Mobile, açık kaynak kodlu bir projedir.

JavaScript kütüphanelerinin ve CSS tanımlamlarının genel çalışma prensipleri jQuery Mobile için de geçerlidir.

jQuery Mobile kütüphane ve CSS dosyalarına iki farklı şekilde bağlantı sağlanabilir; dosya yerel bir adreste bulunabilir, İnternet üzerinde yer alan depolar üzerinden kullanılabilir.

jQuery Mobile, kod geliştiriciler ve Web tasarımcılar için farklı kütüphane sürümleri sunar; bu sürümler arasındaki fark kodlar üzerinde değişiklik yapma kolaylığı sağlaması ile ilgilidir.

jQuery Mobile, İnternet tarayıcılara bazı özel üst veri mesajları gönderir. Bu mesajlar tarayıcıların Web sitesini mobil cihazlara göre yorumlamasını sağlar.

jQuery Mobile, Web sayfasının gövde bölümünde özel bir sayfa tanımlaması yapar, bu tanımlama mobil Web sitesine bir mobil uygulama görünümü verebilmek açısından büyük avantaj sağlar.

İyi kurgulanarak oluşturulmuş bir şablon dosyası tüm proje için iyi bir başlangıç noktası ve altyapı sağlayacaktır.

Tek bir HTML dokümanı içerisinde birden fazla Web sayfasının yer aldığı Web sitesi yapıları jQuery Mobile içinde rahatlıkla oluşturulur ve özel sayfa geçiş efektleri uygulanabilir.

jQuery Mobile ile küçük cihazların ekranları için yer kazanımı sağlayacak açılır-kapanır paneller tasarlanabilir ve bu paneller farklı efektler ile kullanılabilir.

Web sitelerinde veri gösterimi konusunda kullanılabilecek önemli bileşenlerden biri olan listelerin kullanımı jQuery Mobile içinde geliştiricilere büyük bir avantaj sağlamaktadır.

Listelerin kullanım özellikleri içinde bir filtreleme yapısı da bulunmaktadır. Bu yapı aynı zamanda basit bir arama fonksiyonu görevini de yerine getirir.

Web sitelerinde veri gösterimi konusunda sıkça kullanılan bir başka bileşen ise tablo bileşenidir.

Tablo bileşeninin fonksiyonelliği jQuery Mobile'ın ek özellikleri ile standart bir HTML tablosuna göre daha da artmıştır. Tablonun istenilen sütunları özel bir iletişim kutusu yardımıyla gizlenebilir.

Web sitelerinde kullanıcı etkileşimini sağlayabilmek için kullanılan form elemanları, jQuery Mobile içerisinde özel bir arayüz tasarımına sahiptir.

jQuery Mobile, farklı arayüz tasarımları geliştirebilmek için gelişmiş bir tema oluşturucusuna sahiptir. Theme Roller adındaki bu tema oluşturucu Web tabanlıdır ve tasarlanan tema ile ilgili ihtiyaç duyulan tüm dosyaları sıkıştırılmış bir paket ile geliştiricinin kullanımına sunar.