En güzel ve kullanışlı JQuery Uygulamaları

jParallax – Paralel Mantıkla Hareketli Animasyonlar Oluşturun

Ergin Keleş — Fri, 02 Sep 2011 12:52:20 +0000

Anlatılmaz yaşanır tadında bir JQuery uygulaması. Basitçe anlatmak gerekirse, arka arkaya konulan 3 imajın, fare hareketiyle hareket etmesiyle ortaya çıkan bir JQuery uygulaması. Test adreslerindeki uygulamaları görünce yapabileceklerinizin sınırsız olduğunu siz de anlayacaksınız.

Uygulamanın ana sitesi: webdev.stephband.info/parallax.html

Uygulamanın test adresleri:

webdev.stephband.info/parallax_demos.html

webdev.stephband.info/parallax_demos_stalkbuttons.html

webdev.stephband.info/parallax_demos_stalkremote.html

webdev.stephband.info/parallax_demos_type.html

webdev.stephband.info/parallax_demos_target.html

Uygulamanın kullanım bilgileri: webdev.stephband.info/parallax.html

Uygulamanın indirme adresleri:

webdev.stephband.info/js/jquery.jparallax.js

webdev.stephband.info/parallax.html

Not: En güncel versiyon için 1. indirme bağlantısını kullanın.

jBreadCrumb – Uzun İsimli Bağlantılarla Kolayca Başa Çıkın

Ergin Keleş — Fri, 02 Sep 2011 12:44:53 +0000

İsimleri uzun olan bağlantılarınızın olduğunu ve bunları bir menü şeklinde göstermek istediğinizi düşünün. Ve şimdi de kaplayacakları yeri düşünün. İşte tam bu noktada jBreadCrumb yardımınıza koşuyor. Bağlantıları kayarak ve çok yer kaplamadan göstermek için kullanabileceğiniz bir JQuery uygulaması.

Uygulamanın ana sitesi: comparenetworks.com/developers/jqueryplugins/jbreadcrumb.html

Uygulamanın test adresi: comparenetworks.com/developers/jqueryplugins/jbreadcrumb.html

Uygulamanın kullanım bilgileri: comparenetworks.com/developers/jqueryplugins/jbreadcrumb.html

Uygulamanın indirme adresleri:

comparenetworks.com/developers/jqueryplugins/jbreadcrumb.html

comparenetworks.com/developers/jqueryplugins/jBreadCrumb_1.1.zip

Not: En güncel versiyon için 1. indirme bağlantısını kullanın.

Beauty Tips – Geliştirilebilir ve ayarlanabilir çok güzel bir baloncuk uygulaması

Ergin Keleş — Fri, 02 Sep 2011 12:38:33 +0000

Farklı ayar seçenekleriyle donatılmış, inanılmaz geliştirilebilir bir tooltip uygulaması. Geliştirme seçeneklerini gördüğünüz zaman siz de çok şaşıracaksınız. Google Maps türünden tutun üzerine gelince görünen, tıklanınca görünen ve bunun gibi onlarca şekilde geliştirilebilecek bir tooltip uygulaması.

Uygulamanın ana sitesi: lullabot.com/articles/beautytips-09-release

Uygulamanın test adresi: lullabot.com/files/bt/bt-latest/DEMO/index.html

Uygulamanın kullanım bilgileri: lullabot.com/files/bt/bt-latest/DEMO/index.html

Uygulamanın indirme adresleri:

plugins.jquery.com/project/bt

plugins.jquery.com/files/bt-0.9.5-rc1_0.zip

Not: En güncel versiyon için 1. indirme bağlantısını kullanın.

JQuery SerialScroll – Sadece Sağa Sola Değil Her Yöne Değişen Sekmeler

Ergin Keleş — Fri, 02 Sep 2011 12:24:18 +0000

Klasik geçiş-sekme uygulamalarının aksine, sekmelere tıklandığında olan geçiş işlemini çarpraz şekilde de yapabilen çok hoş efektli bir JQuery uygulaması.

Uygulamanın ana sitesi: flesler.blogspot.com/2008/02/jqueryserialscroll.html

Uygulamanın test adresi: demos.flesler.com/jquery/serialScroll/

Uygulamanın kullanım bilgileri: flesler.blogspot.com/2008/02/jqueryserialscroll.html

Uygulamanın indirme adresleri:

flesler.blogspot.com/2008/02/jqueryserialscroll.html

flesler-plugins.googlecode.com/files/jquery.serialScroll-1.2.2.zip

Not: En güncel versiyon için 1. indirme bağlantısını kullanın.

JQuery Rotate – Fotoğraflarınızı belli açılarla döndürün

Ergin Keleş — Fri, 02 Sep 2011 12:17:38 +0000

Bu uygulama ile fotoğraflarınızı istediğiniz açıda sağa, sola hatta başaşağı bile döndürebilirsiniz. Fotoğraflarınız artık sadece düz durmayacak.

Uygulamanın ana sitesi: code.google.com/p/jqueryrotate/

Uygulamanın kullanım bilgileri: code.google.com/p/jqueryrotate/wiki/Documentation

Uygulamanın indirme adresleri:

code.google.com/p/jqueryrotate/downloads/list

code.google.com/p/jqueryrotate/downloads/detail?name=jQueryRotate.2.1.js

Not: En güncel versiyon için 1. indirme bağlantısını kullanın.

Ajax Fancy Captcha – İlginç ve Değişik Bir Captcha Uygulaması

Ergin Keleş — Fri, 02 Sep 2011 12:06:06 +0000

Sitelere yazıyı, dosyayı, yorumu ekleyenin bir insan mı yoksa bir bilgisayar programı mı olduğunu tespit etmeye yarayan Captcha uygulamalarının en ilginç olanı. Belirtilen simgeyi tutup belirli alan çekerek captcha kontrolü yapan bir JQuery uygulaması.

Uygulamanın ana sitesi: webdesignbeach.com/beachbar/ajax-fancy-captcha-jquery-plugin

Uygulamanın test adresi: webdesignbeach.com/beachbar/ajax-fancy-captcha-jquery-plugin

Uygulamanın kullanım bilgileri: webdesignbeach.com/beachbar/ajax-fancy-captcha-jquery-plugin

Uygulamanın indirme adresleri:

webdesignbeach.com/beachbar/ajax-fancy-captcha-jquery-plugin

webdesignbeach.com/ajax-fancy-captcha-php.zip

Not: En güncel versiyon için 1. indirme bağlantısını kullanın.

JcubeiT – Fotoğraf Ve Yazılarınızı Küpün Kenarlarına Yerleştirin

Ergin Keleş — Thu, 01 Sep 2011 10:27:44 +0000

3 boyutlu bir küp uygulaması. Küpün her kenarına ayrı bir fotoğraf yerleştirebilir, farklı yazılar, bağlantılar koyabilirsiniz. Hatta biraz daha geliştirerek siteniz için yukarıdaki gibi uygulamalar da yapabilirsiniz.

Uygulamanın ana sitesi: plugins.jquery.com/project/jcubeit

Uygulamanın test adresi: blog.timersys.com/ejemplos/jcubeit-plugin/

Uygulamanın kullanım bilgileri: blog.timersys.com/jquery/jcubeit-plugin-jquery-para-hacer-cubos-con-html5/

Uygulamanın indirme adresleri:

plugins.jquery.com/node/15715/release

Scrollextend and Onscrollbeyond – Sayfa aşağı gelince otomatik gösterilen veriler

Ergin Keleş — Thu, 01 Sep 2011 10:19:37 +0000

Facebook ve Twitter gibi sosyal paylaşım sitelerinde gördüğümüz, sayfayı en aşağı indirince otomatik olarak daha eski verilerin gösterilmesini sağlayan uygulama.

Uygulamanın ana sitesi: contextllc.com/tools/jQuery-infinite-scroll-live-scroll

Uygulamanın test adresi: contextllc.com/dev_tools/jQuery/scrollExtend/latest/jquery.scrollExtend.example.html

Uygulamanın kullanım bilgileri: contextllc.com/tools/jQuery-infinite-scroll-live-scroll

Uygulamanın indirme adresleri:

contextllc.com/tools/jQuery-infinite-scroll-live-scroll

contextllc.com/dev_tools/jQuery/scrollExtend/latest/scrollExtend.zip

Not: En güncel versiyon için 1. indirme bağlantısını kullanın.

JQuery Easy Confirm Dialog – Hoş Görünümlü ve Kullanışlı Bir Onay Diyalog Kutusu Uygulaması

Ergin Keleş — Thu, 01 Sep 2011 10:13:29 +0000

Uygulama ile ziyaretçilerinize uyarı niteliğinde mesajlar gösterebilir ve onay isteyebilirsiniz.

Uygulamanın ana sitesi: projectshadowlight.org/jquery-easy-confirm-dialog/

Uygulamanın test adresi: projectshadowlight.org/jquery-easy-confirm-dialog/

Uygulamanın kullanım bilgileri: projectshadowlight.org/jquery-easy-confirm-dialog/

Uygulamanın indirme adresleri:

projectshadowlight.org/jquery-easy-confirm-dialog/

raw.github.com/wiggin/jQuery-Easy-Confirm-Dialog-plugin/master/jquery.easy-confirm-dialog.js

Dual Slider – Çok fonksiyonlu harika bir slayt uygulaması

Ergin Keleş — Thu, 01 Sep 2011 10:08:03 +0000

Uygulama ile hem manşet için hazırladığınız alt metin hem de manşetin kendisi küçük bir zaman aralığı ile kayma efektini gerçekleştirir. Birçok sayfa kullanabileceğiniz bu uygulamada resim yerine herhangi bir html dosyası, video, metin gibi birçok alternatif tercihte bulunabilirsiniz. Ayrıca slayt özelliğini, “play/stop” (başlat/bitir) tuşu ile başlatıp durdurabilirsiniz.

Uygulamanın ana sitesi: plugins.jquery.com/project/dualSlider

Uygulamanın test adresi: hugoandcat.com/DualSlider/index.html

Uygulamanın kullanım bilgileri: hugoandcat.com/DualSlider/index.html

Uygulamanın indirme adresleri:

hugoandcat.com/DualSlider/index.html

hugoandcat.com/DualSlider/dualSlider.zip

Not: En güncel versiyon için 1. indirme bağlantısını kullanın.