JQuery Uygulamaları

16 Şubat 2010 Yazan Orhan

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

—ALINTI— Orjinal sayfa

Popularity: 2%

Benzer Yazılar

• jQuery popeye ile Müthiş Tasarımlara İmza Atın
• JQuery İle Animasyonlu Arka Planlar
• Aranan jQuery Upload uygulamaları
• GMFoto: Ücretsiz Photo Gallery Script
• Açık Kaynak Kodlu Okul Php Script

Etiketler: ajax, Caps, Cropping, Delete, eklenti, Fade In.Fade Out, Fancy Captcha, Filterable, Horizontal Scroll, jGrowl, jQuery, Lazy Load Plugin, lightbox, Lock, MySQL, News Ticker, Pagination plugin, PHP, Plugin, Portfolyo, s3Slider, Scroll Follow, Shift, shoutbox, Sliding Boxes, Smart Columns
Kategori Ajax & Jquery, Genel, Grafik Tasarım, Scriptler, Web Tasarım