bildirgec.org

Gezinti (navigasyon), kullanılırlık açısından web tasarımında oldukça önemlidir. Buna rağmen bağlantılar ve gezinti menüleri bir sitenin görsel görünümünü daha da iyileştirebilir. Eğer herkesin yaptığından daha farklı bir gezinti menüsü oluşturmak istiyorsanız, jQuery bunun için size sayısız seçenek sunmaktadır. Bu yazıda jQuery ve CSS kullanarak gezinti menülerinde nasıl ilgi çekici efektler oluşturabileceğinizi göreceksiniz.

1. jQuery Kullanarak Nasıl Animasyonlu Menü Yapılır?

2. Digg Başlığını Tasarlamak: Nasıl Yapılır ve İndirme Bağlantısı

jQuery UI’si (Kullanıcı Arabirimi) bir web sayfasına çok şey katabilir. Bu kullanıcı arabiriminin sunduğu pek çok widget bulunmaktadır. Bu makalede bahsedeceğim element, gittikçe popülerleşen “kaydırıcı” (slider). Bu dersimizde metin boyutunu kontrol etmek için slider kullanmak üzerine duracak ve bunun nasıl web sayfalarına entegre edilebileceğini örneklendirmeye çalışacağız. Bu özellik sayesinde ziyaretçileriniz, web sitenizdeki metin boyutunu kendi zevklerine göre değiştirebilecekler. Ayrıca bu özellik bir web sayfası üzerinde de oldukça çekici duruyor.

Mükemmel jQuery eklentilerine ve onları nerede bulabileceğine dair sayısız makale bulunuyor. Ancak bazen bu üçüncü parti kaynaklara ve eklentilere bel bağlamamak en iyisidir. Tıpkı eskiden olduğu gibi kendiniz yapın. Bugün, günümüz modern web siteleri ve uygulamalarında kullanılan 20’nin üzerinde yaratıcı ve pratik jQuery kullanım örneklerini listelemeye çalışacağız. Eminim bu örnekler size bir sonraki projeniz için ilham verecektir.

James Padolsey Renk Değiştiricisi

Nettuts yazarlarından James Padolsey’in web sitesinde güzel bir özellik bulunuyor. Sitenin sağ üst kısmında bulunan “özelleştir” çubuğu başlık kısmının arkaplan rengini değiştirmenizin sağlıyor.

• Siteyi ziyaret edin.

Dragon Interactive’in jQuery Navigasyonu

Bu elemanlar aşağı yukarı web tasarımının tanrılarıdır ve siteleri de bunu doğrular nitelikte. Bunun için sadece ana sayfalarının başlık kısmındaki jQuery navigasyonuna bakmak yeterli. Daha önce hiç bu kadar seksi bir navigasyon gördünüz mü?

• Siteyi ziyaret edin.

FamSpams Facebox

FamFamFam, sitenin FamSpam özelliği için özel bir lightbox betiğine ihtiyaç duydu. Site bunun üzerine FaceBox adı verilen bir yöntem oluşturmaya karar verdi. FaceBox, lightbox’un efektlerini kopyalıyor ancak statik html sayfalarını, iletişim formlarını; kısacası istediğiniz her şeyi gösterebilmenizi sağlıyor. Facebox günümüzde yoğun talebin ardından bir jQuery eklentisi olarak dağıtılıyor.

• Siteyi ziyaret edin.

jQuery‘nin geliştiricilere sağladığı avantajlar saymakla bitmez… Flash‘ın aksine web sitenizin içeriğini arama motorları tarafından erişilebilir kılarken güzel görünümlü animasyonları sitenize entegre edebilmenizin yanısıra, sitenizin kullanılırlığını da arttırması sebebiyle jQuery, modern web geliştiricilerinin bir numaralı tercihi olma yolunda hızla ilerliyor.

Bu yazıda jQuery kullanarak navigasyonu temiz, keskin ve etkin bir biçimde yansıtan 8 siteyi listelemeye çalıştım. Bu siteler, jQuery kütüphanesini sadece bazı temel efektleri eklemekten çok daha fazlasını yapmak için kullanmışlar ve bunu da başarmışlar.

Eğer siz de jQuery’nin büyülü dünyasındaki yerinizi almak istiyorsanız, daha önce yayımladığım size sıfırdan jquery öğretecek 15 kayna adlı makale size yardımcı olacaktır.

• Carrot Creative

Carrot Creative