bildirgec.org

bugüne kadar bildirgeç‘te onlarca belki de yüzlerce jquery uygulaması gördünüz. ben de bu yazımda onların, yüzlerin arasına gireceğim. yazımda sadece resim ve resim (fotoğraf) galerileriyle ilgili jquery uygulamalarını tanıtacağım. resimlerin üzerine tıklayarak ayrıntılı bilgi ve indirme sayfalarına ulaşabilirsiniz.
easy slider 1.5
özellikle premium wordpress, joomla temalarından görmeye alışık olduğumuz kayan resim ve içerik eklentisi

örnek
önizlemeli, açıklamalı resim galerisi
haber siteleri ve premium temalarda gördüğümüz içerik galerisi.

örnek
start/stop slider
adından da anlaşıldığı gibi resim, içerik geliyor, duruyor, gidiyor. yine premium temalarda çok görüyoruz bu hadiseyi.

örnek

Artık yavaş yavaş 2009 yılının sonlarına geliyoruz ve bu yılın bize getirdiklerini, bizden götürdüklerini sorgulamanın, almanak hazırlamanın vakti geldi.

Son yıllarda site tasarımcılarının hayatını kolaylaştıran onlarca Jquery Eklentisi çıktı. İşte sizlere 2009 yılından benim favorilerim.

İçerik Kaydırıcılar
Bu tür eklentiler, genelde, kısıtlı bir alan içerisinde bolca veriyi göstermek için kullanılan türdendir. Sitenin üst tarafında çeşitli veriler gösterilir ve slaytlar arasında animasyonlarla kullanıcı sitede tutulmaya ve ona mümkün olduğunca bilgi verilmeye çalışılır.

AnythingSlider

Css-Tricks’in yaratıcısı Chris Coyier tarafından yaratılmış muhteşem bir eklenti.

jQuery kendi başına bile çok güzel işler başarabiliyor iken, kendisi için yapılan eklentilerle harikalar yaratıyor. Aylık olarak yaratılan jQuery eklentilerinin haddi hesabı yok doğrusu. Hangisinin en iyisi olduğunu ayırmanın da öyle kesin bir yöntemi olduğunu söyleyemeyiz doğrusu. Sadece 2009 kasım ayında bile 5 yeni jquery eklentisi dünyaya geldi. Ve birçok tasarımcı da bu eklentilerin kullanışlı olduğunu düşünüyor. Bu yeni ve kullanışlı 5 eklentinin tadını çıkartın.

1. jqslickwrap

jqslickwrap, yazmış olduğunuz metnin, resim çevresinde uygun şekilde biçimlendirilmesini ve kaydırılmasını sağlayan bir eklentidir. Düzgün şekle sahip olmayan şekiller etrafında metin konumlandırmak için kullanılır.
Kullanışı:

$(‘img’).slickwrap();

2. jquery kaydırma çubuğu eklentisi (safari stili)

jquery kaydırma çubuğu eklentisi, kullanışı basit ve çok fonksiyonlu bir jquery eklentisidir. Safari stiline sahip çok farklı şekillerde kaydırma çubuğu yapmanıza yardımcı olur. Bu oldukça iyi bir eklentidir.

JQuery – DataGrid Eklentileri

Hızlı ve tutarlı yapısıyla diğer javascript kütüphaneleri arasından hızlıca sıyrılıp kendine özel bir yer edinen JQuerykütüphanesinin zengin özelliklerinden yararlanılarak yapılan zengin tablo uygulamaları sayesinde liste halindeki verilerinizi (Tables for Tabular Data) daha fazla kullanıcı dostu ve daha fazla etkileşimli olarak sunabilirsiniz.

İşte sizler için derlediğim Zengin JQuery Veri tablo Eklentileri (Datagrid Plugins)

1. jqGrid

jqGrid Görünümü

Favori veri tablosu eklentilerimden. Sayfalama (paging), XML, JSON, yapılarına yatkınlığı, alan başlıklarını sıralama (sortable), yeni veri ekleme, silme ve tüm bunların üzerine veri arama özelliği. Daha ne olsun değil mi? 🙂 Ayrıca css entegrasyonu da başarılı. Bazı durumlarda hantal kalabiliyor, dikkat etmek lazım. İndirip denemek için burayatıklayabilirsiniz.

2. Flexigrid

Flexigrid Görünümü

Bu eklenti, jqGrid’in yapabildiği herşeyi yapabiliyor üstüne bir de sütunları gizleme/gösterme ve sütunların genişliğini tekrar ölçeklendirebiliyorsunuz. (Resizable) Tek kusuru jquery’nin son versiyonu ile çalışırken başınızı ağrıtabilir. İndirmek için buraya tıklayın.

Web sayfalarının oluşturulmasında artık standart web elemanları durumunda bulunan Tarih/zaman seçici, Sayfalama, Şifre göstergesi gibi web elemanlarının da bulunduğu bu listede, projelerinizde kolayca kullanabileceğiniz çeşitli jQuery eklentilerini bulabilirsiniz.

1- Date Picker | Demo

2- Hot Keys | Demo

3- Pagination | Demo

Tasarımcılar için bir araya getirilmiş birbirinden faydalı jquery eklentilerine aşağıdan ulaşabilirsiniz.

1. crossselect plugin

Seçilen öğeleri karşı tarafa almak için kullanabileceğiniz bir eklentidir.

2. vtip

Jquery kullanıcıları için hızlı bir şekilde ipucu göstermenizi sağlar.

tüy gibi hafif jquery eklentileri

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ı

web sayfalarında bilgi girişleri için kullanılan html formlarının gerek görsellikleri gerekse işlevsellikleri üzerinde bazen uzun süreli çalışmalar yapılması gerekir. aşağıdaki jquery eklentileri sayesinde hem zamandan önemli ölçüde kazanç sağlayabilirsiniz, hem de kullanıcıların beğenisini kazanacak tasarımlar yapabilirsiniz.

Form Skinning(form kaplamaları):
jQuery jNice

Styling input file

jqTransform

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.

• Demo Burada

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ı