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 FormSayfanı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 & hotkeysMouse 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- TweetableSadece 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 ChatHerkes 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 PluginPlayer için kontrol tuşları, HTML veCSS 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 jQueryjQuery 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 jQueryGenelde 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 jQueryWeb 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 jQueryjQuery 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 & jQuerySabit 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 jParallaxGenelde 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 PluginWeb 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 jQueryM2-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 OutWeb 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 – youtubeplaylistBu 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- JQZoomGenelde 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 PluginSı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 ThumbsYü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 jQueryPortfolyo 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 GalleryOnline 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 jQueryReddit 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 TutorialOtomatik 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, iframesprettyPhoto, 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 ShareWeb 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 AjaxYapı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 TickerHaber 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 jQueryCSS 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 jQueryFacebook 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 FollowWeb 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- jGrowlKullanı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İROrjinal Makale: +30 jQuery Eklentisi