jquery | bildirgec.org

Daha önce haziran 2009'un en iyi jquery derslerini görmüştük. Bu yazımızda ise Mart 2010'un en iyi jquery derslerini göreceğiz.

1. How to Create an Infinite Scrolling Web Gallery (Sınırsız kaydırma web galerisi nasıl oluşturulur?)

2. Advanced jQuery background image slideshow (Gelişmiş jquery arkaplan imaj slayt gösterisi)

Realistic Hover Effect With jQuery | Demo

Bu uygulama ile web sitenizdeki butonları hareketli hale getirebilirsiniz. Reflection ve Shadow şeklinde 2 farklı demosu bulunmakta.

Create an Animated Call to Action Button | Demo

Artık sing up butonları faklı olacak. Bu jQuery uygulaması ile butonları kararıp sönen veya farklı renklere şeffaf geçiş yapabilen bir özellik kazandıramanız mümkün.

Jquery Animated Buttons using CSS | Demo

Bu uygulama ile web sitenizde bulunan butonları hareketli hale getirebilirsiniz.

Web sitenizde fotoğraf veya resimlerinizi farklı yöntemler ile ziyaretçilerinize sunmak isteyebilirsiniz. jQuery ile hazırlanan jQuery.popeye sayesinde web sitenizdeki tüm görselleri kişiselleştirebilirsiniz. Gelişmiş interaktif görseller için hazırlanan jQuery.popeye sayesinde fotoğraflarınız ile slayt gösterileri hazırlayabilir, fotoğraflarınızın altına notlar yazabilir veya fotoğrafınızın orjinal/büyük halini aynı sayfada yayınlayabilirsiniz.

jQuery.popeye sayesinde web sitesinin akışını bozmadan (yeni sayfa yüklemeden) farklı işlemler uygulayabilirsiniz. Sayfada yayınladığınız görselin orjinal (büyük) halini tooltip özelliği sayesinde yayınlayabilirsiniz.

jQuery artık o kadar ilerledi ki animasyonlar bile yapılabiliyor. Genelde flash ile gördüğümüz animasyonları gelecekte jQuery ile yapıldıklarını görmemiz mümkün. İşte birbirinden farklı jQuery ile yapılan inanılmaz animasyon örnekleri;

Building an Animated Cartoon Robot with jQuery - Demo
(jQuery ile Animasyon Robot yapma)

5 katman hazırlanarak yapılarak hazırlanan çok hoş bir jQuery uygulaması. Kısa olmasına rağmen ileride benzer çalışmaları geliştirilerek yapılabilir.

Crafting an Animated Postcard With jQuery - Demo
(jQuery ile Animasyon Karpostal Hazırlama)

Flash animasyonların yerini ileride jQuery ile yapılan animasyonların alabileceğinin en büyük kanıtlarından biri. Çok kullanışlı bir jQuery uygulaması.

Her geçen gün ajax ile yapılan dolayısıyla jQuery ile yapılan uygulamalar artmakta. Artık flash alternatifi olarak görülen jQuery ile inanılmaz uygulamalar yapılmakta. jquery.com'dan derlenen haziran ayının en iyi jQuery uygulamaları;

dualSlider - Demo

Çift taraflı jQuery tabanlı bir taraflı olan dualSlider 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 özelelliğini, "Play/Stop" (Başlat/Bitir) tuşu ile başlatıp durdurabilirsiniz.

jQuery Easy Confirm Dialog - Demo

jQuery ile hazırlanan bu farklı tooltip uygulamasını web sayfalarınızdaki ziyaretçilerinize uyarı niteliğinde sunabilirsiniz. Farklı uyarılar olarak kullanabilir veya belirli soruları sormak için kullanabileceğiniz muhteşem bir jQuery tooltip uygulaması.

Web formları, günümüzde web sitelerinin çoğunda bulunakta. Olmazsa olmaz olarak nitelendirilen web formları; üyelik işlemleri, metinler hazırlama, iletişim ve yorum gibi farklı niteliklerde hazırlanabiliyor. Fakat ziyaretçileriniz formlarınıza istediğiniz ölçüde değerler girmiyor olabilirler. Bunu engellemek istiyorsanız jVal tam size göre.

jVal, interaktif ortamda hazırlanmış eş zamanlı form takip aracıdır. Formu dolduran ziyaretçilerinizin formu doğru doldurup doldurmadığını takip ederek ziyaretçileri uyarır. Doldurulması gereken fakat boş bıraklıan kısımlar, geçersiz karakter kullanımı (sayı yerine harf gibi), mantık hataları, geçersiz e-posta adresleri gibi birçok yanlışı bulur.

jQuery ile hazırlanan bu uygulama sayesinde ziyaretçilerinizin formlarda yapacağı bu hataları eş zamanlı olarak uyarabilir ve hata yapmamalarını sağlayabilirsiniz.

Günümüzde jQuery ile birçok uygulama yapılmakta. Büyük bir kütüphane haline gelen jQuery ile aklınıza gelebilecek tüm uygulamaları flash ve benzeri eklentiler kullanmadan web sitenizde kullanabiliyorsunuz. Aşağıda Nisan ayının en çok kullanılan ve görüntülenen jQuery uygulamaları bulunmakta. işte jQuery.com üzerinden hazırlanmış en iyi jQuery uygulamaları ;

3D Cloud Carousel - Demo

jQuery ile hazırlanan bir sunum ürünü olan 3D Cloud Carousel'i web sitenizde ücretsiz olarak kullanabilirsiniz. Bu sunum uygulamasında ürünlerinizi tanıtabileceğiniz gibi farklı temadaki galerilerde oluşturabilirsiniz.

jQuery Slider - Demo

jQuery Slider, belirli aralıktaki değerleri seçmek için yapılmış bir jQuery eklentisidir. Bu eklenti ile ziyaretçileriniz iki değer aralığını seçebilirler. Alışveriş sitelerinde kullanılabileceği gibi (fiyat aralığı) arama motorları tarafındanda kullanabilinecek bir uygulama.

jQuery inanılmaz geniş bir kütüphane. Hayal gücünüze ve ihtiyacınıza göre istediğiniz şekilde kullabilirsiniz. Klasik kalıpları dışına çıkarak yaratıcı çalışmalarınızı ziyaretçilerinize sunabilirsiniz. Farklı tasarımlar her zaman için ilgi çeker. Bu yüzden aşağıdaki farklı jQuery tasarımlarını isterseniz kullabilir veya kendinizi geliştirip daha farklı çalışmalar yapmak için kullanabilirsiniz;

Feature List

Bu jQuery uygulaması sayesinde projelerinizi gösterebilir ya da web sayfanızdaki popüler veya yeni makale ve haberleri yayınlayabilirsiniz. Birçok sitede aynı mantık ile yapılmış birçok jQuery veya flash uygulamalar görmek mümkün.

Drag to Share like Mashable using jQuery

Mashable'da bulunan resimleri paylaşma özelliği diğerlerinden farklı. Resmi tıklayarak paylaşmak istediğiniz sosyal medya sistesinin üstüne götürüyorsunuz.jQuery ile yapılan çok hoş bir uygulama.