Ajax & Jquery, İnternet, Makaleler

Web Siteniz İçin En İyi 40 JQuery Eklentisi

24 Mart 2012

Bu makalemde  En İyi  40 Jquery  eklentisini sizin için test ettim.

 

1- Moving Boxes Content with jQuery

Bu JQuery komut dosyası web site şablonunuzda, çok güzel efektler koyacaktır.Bu script arkasındaki temel kavramının üst kısmında küçük kutu dağılımları vardır.Bir menü öğesi tıklandığında, kutular, animasyonlar, forum ana içerik alanı olacaktır.Uygulamanız için ve ilginç şeyler yapabileceğiniz birçok değişik etkinlik içeriyor.

Moving Boxes Content with jQuery

 

 

Google’s Christmas Doodle with jQuery

Adından da anlaşılacağı gibi, JQuery ile doodle google nin noel, bu kullanışlı JQuery betiği, sayfanızın herhangi bir yerinde google doodle gibi bir animasyonlara izin verir.

Google’s Christmas Doodle with jQuery

Demo

Download

3- Fluid Navigation

Tamamen CSS ve JQuery de gelişmiş olan, bu harika akıcı gezinti çubuğuna dikkat edin.

Fluid Navigation

Demo

Download

4- Better Check Boxes with jQuery and CSS

Bu kullanışlı eklenti, varsayılan tarayıcı onay kutuları için bir yedek oluşturmak konusunda size yardımcı olacaktır.Bu eklenti, kullanıcı deneyimlerini giderek geliştirecektir, ayrıca hiçbir java uygulaması yoksa, varsayılan olarak geri gelecektir.

Better Check Boxes with jQuery and CSS

Demo

Download

5- AnythingZoomer v1.0

Şimdi bu kullanışlı eklenti, kullanıcıların sadece bir resme yakınlaştırmakla kalmayacaktır ancak aynı zamanda onları tüm içerik sayfasına yakınlaştırmaya olanacak sağlayacaktır (ipad gibi). Hoş değil mi? Bir kullanıcı fareyi bir görüntü üzerine yakınlaştırınca çalışır ancak, sayfayı yakınlaştırmak isterseniz, sadece çift dokunun veya çift tıklamanız yeterlidir. Ayrıca, yakınlaştırma ve uzaklaştırmayıda özelleştirebilirsiniz.

 AnythingZoomer v1.0

Demo

Download

6- Quicksand jQuery Plugin

Shuffle(yeniden sıralayın) ve filtre öğeleri ile birlikte güzel bir karıştırma animasyonu eklentisi.

Quicksand jQuery Plugin

Demo

Download

7- MobilyBlocks

Mobilyblocks, kolayca şık animasyon daire olarak sırasız bir liste oluşturmanıza olanak sağlayan bir eklentidir.

Özellikleri:

  • Clockwise and counter-clockwise
  • Hover Trigger
  • Click Event

MobilyBlocks

Demo

Download

8- Photoshoot jQuery Effect

Şimdi bu jQuery efekti, karşılaştığımız en zor görevi yerine getirecektir.Bir anlık görüntü alın ve onun sihirli biçiminde tam boy resim çekin.

Photoshoot jQuery Effect

Demo

Download

9- Coda Popup Bubbles

Coda popup kabarcık, sitenizde araçların ipuçları için güzel bir yol sunar.

Coda Popup Bubbles

Demo

Download

10- iCarousel

Eğer bir carousel gerekiyorsa? O zaman bu tam size göre. Güzel bir görünüm ve his veren, basit bir yatay görüntü kaydırıcıdır.

iCarousel

Demo

Download

11- Tipsy – Facebook-style tooltip plugin for jQuery

Bu kullanışlı eklenti de pek çok özelleştirme seçeneği mevcuttur.Varsayılan değerleri kolaylıkla özelleştirilebilen tooltip işaretçi merkezinde gösterecektir.

Tipsy Facebook-style tooltip plugin for jQuery

Demo

Download

12- jQuery Slider Start/Stop

Yeni bir start/stop düğmesi gibi özellikler içeriyor ve animasyon efektleri yerine sadece yatay olan mevcut bir jquery slider.

jQuery Slider Start/Stop

Demo

Download

13- jQuery Confirm Dialog Replacement

JQuery eklentisi kullanmak için, kolay bir çarpraz tarayıcı için özel onaylı bir iletişim kurmak istiyorsanız, bu eklentiyi indiremek için daha bakmayın ve keyfinize bakın.

jQuery Confirm Dialog Replacement

Demo

Download

14- jQuery File Upload

Dosya yüklemek için grafiksel bir şekle ihtiyacınız varsa, bu kullanışlı script size güzel bir deneyim verecektir.

Özellikler:

  • Çoklu dosya yükleme
  • Sürükle&bırak desteği
  • Yükleme ilerleme çubuğu
  • Cancelable yüklenenler
  • Resumable yüklenenler
  • Önizleme görüntüleri
  • Eski tarayıcılar için hoş bir çareye son

jQuery File Upload

Demo

Download

15- jquery Thumbnail Scroller

Bu eklenti, flashın küçük resim kaydıracığından esinlenilmiştir. Temel özelliği, gösterge hareketi tarfından kontrol edilmesidir ve ayrıca CSS ile özelleştirilebilir.

jquery Thumbnail Scroller

Demo

Download

16- Slideout Tips With jQuery & CSS3

JQuery & CSS3 ile Slideout ipuçlarının çarpıcı bir jQuery etkisi ile, geliştiricilerin özel kriterlerine göre farklı öğeleri dağıtmayı ve ayarlamayı sağlar.

Slideout Tips With jQuery & CSS3

Demo

Download

17- Flip Box

Sizin dört yönde verilen elementlerinizi çevirecek olan çevir kutusu bir jQuery eklentisidir. Gücünü görmeniz için indirmeniz yeterlidir.

Flip Box

Demo

Download

18- CSS3 Lightbox Gallery

Lightbox galeri efektlerinin büyük bir hayranıyım. Bu kullanışlı CSS3 galeri komut dosyası, resimleri istediğiniz şekilde sürüklemenizi sağlar.

CSS3 Lightbox Gallery

Demo

Download

19- MobilyNotes

Mobily hafif jQuery notları, html içerik veya yığılmış bir formatta görüntüleri gösterir.Bu eklentinin toplam boyutu ise, 2KB tir.

Özellikleri:

  • Döner içerik
  • Otomatik çalma
  • Otomatik oluşturulan düğmeler

 

Mobily Notes the lightweight jQuery plugin that shows your html content or images in a stacked format. The total size of this plugin is 2KB.

MobilyNotes Demo

Download

20- Panning Slideshow

Panning Slideshow, herhangi bir web sitesinin ana elemanı olarak çalışabilen zarif bir jQuary kaydırıcı etkisidir.

Panning Slideshow

Demo

Download

21- Text with Moving Backgrounds

Hareketli arka plan metni olan jQuery eklentisi, iyi bir kullanıcı deneyimi sağlama noktasında size yardımcı olacaktır.

Text with Moving Backgrounds

Demo

Download

22- Image Power Zoomer v1.1

Bazen yakından bakılması yada incelenmesi gereken şeyler vardır. Image Power Zoomer, sayfanızda fare üzerine geldiğinizde, yakınlaştırılabilme yeteneği verecektir.

 Image Power Zoomer v1.1

Demo

Download

23- Circulate

Kullanıcı belirli öğeyi yakınlaştırdığında, öğe işaretçiden uzakta tedavül edecektir böylece circulate kullanıcılarınıza sürekli devam eden bir deneyim verecektir.

Circulate

Demo

Download

24- Avia Slider

Avia Slider, kendi türünün güzel bir şablonunu oluşturmak için kullanılabilinen, bir jQuery slayt gösteri eklentisidir.

Avia Slider

Demo

Download

25- Sliding Boxes

Eğer web sitenizin indirmeden görünürden daha modern bir hale yükseltmek istiyorsanız, bu eklenti hemen devreye girer ve onun gücünden yararlanırsınız.

Sliding Boxes

Demo

Download

26- Apple-like jQuery Effect

Güzel özelliklere sahip başka bir yakınlaştırılabilir eklenti.

Apple-like jQuery Effect

Demo

Download

27- MobilySelect

Mobilyselect, öğelerin bir koleksiyonunu, başka bir öğe ile değiştiren bir jQuery eklentisidir.Bunu galeri için ve animasyonların üç çeşidi için kullanabilirsiniz.

Özellikler:

  • Start-up üzerindeki toplama yerlerini gösterir
  • Üç tür animasyon
  • Geriçağırım işlevleri

MobilySelect Demo

Download

28- Google Map Selector

Bu jQuery eklentisi, google map’i gömmek için size yardımcı olacaktır.

Google Map Selector

Demo

Download

29- Slick jQuery Plugin

jQuery Slick eklentisi , herhangi bir statik içerikten sürgülü sekmeler oluşturur.

Slick jQuery Plugin

Demo

Download

30- Zoomer Gallery jQuery Plugin

Bu eklenti, yakınlaştırma etkisi galerisi gibi sizin görüntülerinizi kolay bir şekilde flash a dönüştürmede izin verir.

Zoomer Gallery jQuery Plugin

Demo

Download

31- Nivo Zoom

Nivo Zoom, görüntüyü yakınlaştırmada size izin verecektir yada lightbox olarak kullanabileceksiniz. Temel özelliği ise, daha büyük resimlerin yerini değiştirebilirsiniz. Nivo, çapraz bir nivo tarayıcı eklentisidir ve IE7 , Google Chrome, Firefox3  ve Safari 4 üzerinde test edilmiştir.

Nivo Zoom

Demo

Download

32- Bubble Navigation

Bubble Navigation, web siteniz için çarpıçı bir navigasyon oluşturmanıza olanak sağlayacaktır.

Bubble Navigation

Demo

Download

33- jQ Fancy Transitions

Adından da anlaşılabileceği gibi jQ Fancy Transitions, galeri görüntü geçişlerinizi süslü bir şekilde yapma hususunda size imkan sağlayacaktır.

jQ Fancy Transitions

Demo

Download

34- Funky Tooltips

Funky tooltips, alltops gibi bağlantılarını ve görüntü içeriklerini açıklayan tooltips oluşturmak için size izin verecek olan harika bir jQuery eklentisidir. Kodu ise, özelleştirmek/uygulamak ve anlayabilmek için çok kolaydır.

Funky Tooltips

Demo

Download

35- Simple Tooltip w/ jQuery & CSS

Simple Tooltip with jQuery & CSS, bir kullanıcı bir elemanın üzerine geldiğinde, metinleri ve görüntüleri gösterebilir.

Simple Tooltip w/ jQuery & CSS

Demo

Download

36- jquery vticker (vertical news ticker)

vTicker, uzun bir süre kullanıcılar için ilgiyi devam ettirecek gibi gözüküyor. Tweet ile kullanılabilen ve yüksekliği otomatik olarak ayarlanabilen, yada sizin bizzat kendinizin yapabildiği, çok harika bir jQuery eklentisidir.

jquery vticker (vertical news ticker)

Demo

Download

37- Coda Slider

Coda Slider, kaydırıc bir arayüz klonudur, ancak size daha çok imkan sunar mesela sayfa üzerindeki herhangi bir yere kayma içeriği bağlantıları sağlar.

Coda Slider

Demo

Download

38- MobilyMap

Eğer google map in sürükleme işlevini istiyorsanız, bu 7KB boyutlu jQuery eklentisi tam size göredir ve harikalar yaratır. Google map gibi, sitenizde herhangi bir görüntü fonksiyonunu sürükleyerek alabilirsiniz.

Özellikleri:

  • Can add markers
  • Display HTML content when markers are clicked
  • The map can be positioned how you prefer
  • Remember last position of the map (cookies)
  • Display caption of the map
  • Display buttons to pan in four directions
  • Callback functions

MobilyMap

Demo

Download

39- Organic Tabs

Organic Tabs, çok iyi bir şekilde şekmeli bir alan oluşturur.

Organic Tabs

Demo

Download

40- Circular Discography Template with jQuery

Bu bir jQuery diskografi şablonudur. Çekirdek fonksiyonları, çok hoş bir efekt ile görüntü rotasyonu, müzik çalmadır ve gösterilen detaylar benzersizdir.

Circular Discography Template with jQuery

Demo

Download

 

You Might Also Like

No Comments

Leave a Reply