+30 jQuery Eklentisi | bildirgec.org

jQuery, bana göre ajax kütüphaneleri arasında en kullanışlı ve en kolay geliştirilebilir Ajax kütüphanesidir. İnternette gezindiğim ve takip ettiğim sitelerden, bu ajax kütüphanesi için hazırlanmış birbirinden kullanışlı ve işe yarar eklentilerinden derleme hazırladım.

1- Slide-In Contact Form

Sayfanın üstündeki iletişim butonuna tıklanarak, ziyaretçilerinize kolay ve portatif bir iletişim formu açar. Ziyaretçilerinize istediği an sizinle iletişime geçebilme imkanı sağlıyor.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

2- Load Content While Scrolling With jQuery
Hemen hemen her projede kullanışlı olabilecek otomatik içerik yükleme eklentisidir. Web sitenizin sayfası aşağı indirildikce içerikler otomatik yükleniyor.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R
3- Music Player using mouse gestures & hotkeys
Mouse ve klavye tuşları ile yönetilebilen jQuery mp3 player eklentisidir. Kaynak dosyasında sadece mouse ve klavye fonksiyonları eklenmiştir. BU adresten Player entegresi ile ilgi bilgi alabilirsiniz.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R
4- Tweetable

Sadece Twitter kullanıcı adınızı yazarak, belirlediğiniz sınırda Twitter'daki durum güncellemeleri ve bildirimlerinizi web sitesinize ekleyebilirsiniz.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

5- Facebook Style jQuery Chat

Herkes Facebook ve Gmail'deki online chat'i sever. Bu jQuery eklentisi sayesinde, web sitenize sorunsuz Facebook ve Gmail tarzında sohbet sistemi entegre edebilirsiniz.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

6- jPlayer - jQuery Audio Player Plugin

Player için kontrol tuşları, HTML ve
CSS olarak üzenebilir stil kodlama yapısı, ses efekti ekleme, HTML5 ve .ogg format destekli jQuery player eklentisi.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

7- Creating a Keyboard with CSS and jQuery

jQuery ve CSS kullanılarak hazırlanmış bir klavye uygulaması. Harfler ve Sayılar Dışında Tab
Caps Lock, Delete ve Shiftgibi tuşlarda klavye düzeninde eklenmiş.
WEB SÄ°TESÄ° - DEMO -Ä°NDÄ°R

8- Animate Curtains Opening with jQuery

Genelde tiyatro sahnelerinde görebileceğiniz perde açıp kapama olayının, jQuery olarak hazırlanmış fikirsel ve kodlama açısından olağanüstü bir eklenti.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

9- Nice & Clean Sliding Login Panel built with jQuery

Web sitenizin üst kısımında ziyaretçiler ve üyeleriniz için hoş gözükebilecek, çeşitli içerikler sunabileceğiniz, Internet Explorer 6 için .PNG destekli jQuery eklentisi.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

10- Creating a polaroid photo viewer with CSS3 and jQuery

jQuery ve CSS3 kullanılarak hazırlanmış, mouse tıklaması ile seçilebilir çok güzel resim galeri uygulaması. Ne Yazık ki CSS3 ve HTML5 standart olmadığından her tarayıcıda düzgün çalışmıyor.

WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

11- Smart Columns w/ CSS & jQuery

Sabit değerlerde ve yan yana birbirini tekrarlayan tabloları, ana tablo içinde oturmuş bir düzene sokup, satır ve sütunları aralarındaki boşluklarla beraber eşit dağıtıyor.
WEB SÄ°TESÄ° - DEMO

12- Make Your Header To Mouse Movements with jParallax

Genelde web sitelerinde üst kısımda kullanılan bir animasyondur. Katman katman yerleştirilmiş transparan resimleri, mouse kordinatlarına göre hareket ettiren bir uygulamadır.
WEB SÄ°TESÄ° - DEMO

13- Ajax Fancy Captcha - jQuery Plugin

Web sitenizi Spam botlara karşı korumanızı sağlayan jQuery eklentisidir. Kullanımı; sorulan cisimin resmini, sağ tarftaki yuvarlak alana sürükle bırak mantığı ile bırakıp, doğruluyoruz.
WEB SÄ°TESÄ° - Ä°NDÄ°R>

14- Lazy Load Plugin for jQuery

M2-Stil'de de kullandığımız, fazla görsel bulunan web sayfalarında, yükleme gecikmesinin önüne geçmek için, web sayfasının görünen kısmındaki görselleri yükleyerek daha hızlı açılmasını sağlıyor.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

15- jQuery Pagination plugin

Çoğu web sitesinde sayfalanmış bir çok içerik görmüşsünüzdür. Peki bunların jQuery kullanılarak sayfa yenilenmeden, daha dinamik ve güzel olması nasıl olurdu? DEMO'dan bakabilirsiniz...
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

16- Jquery Fade In.Fade Out

Web sitenizdeki tablo ve resimlere saydamlık vererek, mouse üstüne geldiğinde belirir bir efekt uygulayabilirsiniz. Basit ama hoş bir jQuery eklentisi.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

17- jQuery youtube playlist plugin - youtubeplaylist

Bu jQuery eklensitisi ile web sitenizde Youtube videolarını galeri yapabilirsiniz. Videoları yöneterek, sadece izin verdiğiniz videoları ziyaretçilerinize izlebilirsiniz.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

18- JQZoom

Genelde alışveriş sitelerinin, ürün tanıtımında detay için kullanabileceği jQuery eklentisidir. Resimde mouse'u gezdirdiğiniz alanın büyütülmüş halini gösterir.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

19- The jQuery Image Cropping Plugin

Sık sık Facebook'da resmimizi profil resmi yaparken "Resimi Kırp" gibi uyarılar almışızdır. Bu jQuery eklentisinde de aynı şekilde resimi belirli boyutda seçerek kırpma işlemi yapıyoruz.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

20- jQuery Thumbs

Yüksek çözünürlükde olup da, düzensiz gözüken resimlerden hep sinir olmuşuzdur. Bu jQuery eklentisi sayesinde, resimi belirlediğimiz boyutlarda kırparak düzenli ve güzel gözükmesini sağlıyoruz.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

21- Sliding Boxes and Captions with jQuery

Özellikle portfolyo, blog ve resim galerisi gibi sitelerde kullanılabilecek, çeşitli efeklerle resimli tablolarda bilgilendirme yazısı gösterebileceğiniz çok fonksiyonlu bir jQuery eklentisi.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

22- Creating a "Filterable" Portfolio with jQuery

Portfolyo siteleri için düşünülmüş, belirlenen kategorilere göre filtreleme yaparak tablo yada resim gösterimi yapan kolay geliştirilebilir jQuery eklentisi.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

23- How to Make a Threadless Style T-Shirt Gallery

Online tişört web sitelerinde sunum ve görsellik açısından çok iyi düşünülmüş bir jQuery eklentisidir. Mouse ile katlı tişörtün üstüne geldiğinizde, açılıyor.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

24- Reddit-style Voting With PHP, MySQL And jQuery
Reddit tarzında web sitenizde yazılara, yorumlara, resimlere vs. oylama yaptırabileceğiniz, sayfa yenilemeden çalışan, PHP, MySQL ve jQuery karışımı bir uygulama.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R
25- Horizontal Scroll Menu with jQuery Tutorial
Otomatik olarak mouse'un dikey (Y) kordinatlarına göre aşağı ve yukarı kayan jQuery menü eklentisi. Bu uygulama dersinde jQuery ipuçları ve hileleride anlatılmaya çalışılmış.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R
26- jQuery lightbox for images, videos, YouTube, iframes

prettyPhoto, bir jQuery tabanlı lightbox klonudur. Resimler dışında videolar, flash animasyonlar, Youtube videoları ve çerçeve (iframe) gibi özelliklerde de destek verebiliyor.
WEB SÄ°TESÄ° - Ä°NDÄ°R

27- s3Slider jQuery plugin

Çeşitli efektlerle sunum yapmanıza ve slayt animasyonlar hazırlamanıza yardımcı olur. Kullanımı olduça basit ve kolay geliştirilebilir bir jQuery uygulamasıdır.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

28- Drag to Share

Web sitenizdeki içerikleri çeşitli sosyal imleme sitelerine paylaşım amaçlı düşünülmüş, sürükle bırak mantığıyla çalışan jQuery eklentisidir.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

29- Create a shoutbox using PHP and AJAX (with jQuery)
Hem web sitenizde kullanabileceğiniz anlık mesajlaşma sistemi, hemde PHP ile MySQL veritabanı oluşturularak jQuery ile senkronizasyonu öğrenmiş olucaksınız.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R
30- Favorite Rating with jQuery and Ajax

Yapımcının açıklamasına göre bir ziyaretçisinin Amy&Pink (+16) sitesindeki oylama sisteminin nasıl yapılabileceğini sormasıyla başlamış ve çokda güzel bir jQuery eklentisi olmuş.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

31- News Ticker

Haber sitelerinde veya blog sitelerinde "son yorumlar" gibi çeşitli alanlarda kullanabileceğiniz, stil olarakda kolay geliştirilebilir çok güzel bir jquery eklentisi.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

32- Create a Sliding Menu Background with jQuery

CSS ile normalde bağlantılarımızda mouse, yazı ve arkaplan efektleri verebiliyoruz. Bu jQuery eklentisinde ise arkaplan resimine efekt vererek daha güzel gözükmesini sağlıyoruz.
WEB SÄ°TESÄ° - DEMO

33- Facebook-style tooltip plugin for jQuery
Facebook tarzında web sitenizdeki linklerin "title" değerlerine göre "doğu - batı - kuzey - güney" gibi 4 konumda, ziyaretçilerinize görsel ipuçları gösterebilirsiniz.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R
34- jQuery Scroll Follow

Web sitenizin sağ yada sol kenarlarında, sayfanızı takip eden tablolar oluşturmanızı sağlıyor. Bu jQuery eklentisinin ayarlarından belirlediğiniz kordinatlarda çalışmasınıda sağlayabilirsiniz.
WEB SÄ°TESÄ° - DEMO - iNDÄ°R

35- jGrowl

Kullanıcılarınıza uyarı, duyuru yada çeşitli alanlarda bilgilendirme mesajları gösterebileceğiniz, Mac OS X Growltarzında jQuery mesaj kutusu eklentisi.
WEB SÄ°TESÄ° - DEMO - Ä°NDÄ°R

Orjinal Makale: +30 jQuery Eklentisi