daha önce jquery menü eklentileri yazısında jquery‘yi site menülerinizde kullanmanız için birkaç eklentiden bahsetmiştik. bu kez de form bölümlerinizi geliştirebileceğiniz çeşitli eklentiler:
daha önce jquery menü eklentileri yazısında jquery‘yi site menülerinizde kullanmanız için birkaç eklentiden bahsetmiştik. bu kez de form bölümlerinizi geliştirebileceğiniz çeşitli eklentiler:
jquery eklentilerinden sitenizin birçok bölümünde yararlanmanız mümkün. bu alanlardan biri de menüler. işinize yarayabilecek 10 menü eklentisi:
jquery, mootools ile beraber tasarımcıların en fazla başvurduğu javascript kütüphanelerinin başında geliyor. bunda, sanırım hemen her alanda eklenti bulundurmalarının payı büyük. şurada da jquery için yararlanabileceğiniz 14 fotoğraf eklentisi verilmiş.
Web sayfanızda bir sürü jQuery eklentisi kullanmak istiyorsunuz ama bir yandan da sayfanın yüklenme hızını kendinize dert ediniyorsunuz. O halde aşağıdaki eklentilere mutlaka göz atmak isteyeceksiniz…
1. idTabs (2.1 kb): Basit ve esnek bir şekilde sekmeli arayüzler oluşturmanızı sağlar.
2. jCarousel Lite (2.1 kb): çok seçenekli bir karosel (carousel) uygulaması
Mümkün olduğu kadar CSS kullanılması gerektiğini öneriyoruz ve genellikle bunda da başarılı oluyoruz. Modern tarayıcıların CSS için çok iyi desteği bulunuyor, en azından anahattınızı ve sunumunuzu düzenlemek için CSS kullanmanıza yetecek kadar destek içeriyorlar. Ancak bazen bazı sayfa elementleri farklı tarayıcılar üzerinde farklı görünmektedirler. İşte bu yüzden biz de bugünkü yazımızda farklı tarayıcılarda görünen sorunları giderecek 15 jQuery çözümünün yanısıra size bazı güzel tarayıcı efektleri verecek jQuery eklentilerini listeleyeceğiz.
1. Internet Explorer’da DD_Roundies İle Yuvarlatılmış Köşeler Kullanabilmek
Ne yazık ki CSS3 border-radius şimdilik sadece Safari ve Firefox tarafından desteklenmekte olup, Internet Explorer gibi tarayıcılar üzerinde kare köşeler kullanmak zorunda kalıyoruz. DD_Roundies kütüphanesi yuvarlatılmış köşeleri Internet Explorer üzerinde sorunsuzca kulanabilmemizi sağlyor. DD_roundies, tıpkı jQuery gibi, seçicilerle birlikte çalışıyor ki bu sayede jQuery UI’nin CSS Çatı sınıflarını hedefleyerek DD_roundies’i jQuery UI üzerinde sadece birkaç satırlık kısa kodla uygulayablmemimizi sağlıyor.
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.
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ü?
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.
1. jcrop eklentisi :
jcrop, web uygulamalarınıza hızlı ve kolayca entegre edebileceğiniz bir imaj croplama eklentisidir. örneğin sitenizdeki üyelere, profil resminin istediği bir bölümünü kesip kullanmasına imkan tanıyabilirsiniz..
2. prettyphoto eklentisi :
lightbox benzeri bir eklentidir, resim/fotoğraflarınızın animasyonlu bir şekilde açılmasını sağlar.