jquery dersleri | 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)

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.

Artık jQuery'siz günümüz olmuyor. Web tasarımında hayatın o kadar içine girdi ki her sitede, her uygulamada jQuery uygulamaları bulunmakta. İşte birbirinden farklı yeni jQuery uygulamaları;

Slidedeck - Interactive Presentation Slider

Slidedeck, ücretsiz olarak sunulan jQuery slider uygulamasıdır. Projelerinizi, web sayfanızdaki önemli makale veya haberleri Slidedeck ile yayınlayabilirsiniz.

Visual Lightbox

Visual Lightbox, jQuery ile yapılan resimler için hazırlanmış bir tooltip uygulamasıdır. Sayfanızda bulunan resimleri ziyaretçi tıklandığında anında bir tooltip açılarak resmin orjinal halini görebilir.

DropCaptions

Resimlerinizin altına notlar eklemek isteyenler için hazırlanmış çok kullanışlı bir jQuery tooltip uygulaması. Resimlerin üzerine gelindiğinde aşağı sarkan kutuya resim hakkında açıklama yapabilirsiniz.

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.

Web 2.0 tasarımda büyük devrimlerden biridir. Web sayfanızdaki herhangi bir nesneyi eskiden ziyaretçileriniz arasında oylamaya sunarken sayfa yeniden yüklenmek zorunda kalırdı. Fakat web 2.0'dan sonra gelişen tasarım teknolojisi sayesinde bu olay ortadan kalktı. jQuery ve css ile hazırlanan bu uygulamalar her tasarımcının arşivinde kesinlikle bulunmalı. Uygulamaları birebir web sayfanıza koyabileceğiniz gibi benzerlerini de yaratmanız mümkün.

jQuery Start Rating | Demo

8 farklı seçeneği arasından herhangi birini seçebileceğiniz hoş bir jquery oylama uygulaması.

Prototype Starbox | Demo

20 farklı seçeneği bulunan bu uygulama ile oylama yaparken ziyaretçileriniz sayfayı yenilemek zorunda kalmayacaklar.

Web sitenizde içeriğinize göre galeri veya benzeri uygulamalar kullanabilirsiniz. Blog veya web sayfanızdaki galeride kendi çalışmalarınızı veya farklı fotoğraflar yayınlayabilirsiniz. Fotoğrafları yayınladığınız galeri uygulamasının birçok kullanışlı özelliği bulunması sizin için de kullanıcılar için de oldukça elverişlidir. FSGallery, jQuery kullanılarak interaktif olarak hazırlanmış eşsiz bir galeri uygulamasıdır.

FSGallery'nin en önemli özelliği diğer galerilerin aksine yayınladığınız fotoğrafları tüm ekranda yayınlamasıdır.Yeni fotoğraf tıkladığınızda eş zamanlı yükleme özelliği sayesinde yeni sayfa yüklenmeden fotoğrafı aynı sayfada gösterir.

fsgallery ile fotoğraflarınızın tümüne kısa notlar ekleyebilirsiniz. Sol üstte bulunan info (bilgi) butonu sayesinde ziyaretçileriniz fotoğraflar hakkında bilgi sahibi olabilirler. Ayrıca sağ üstte bulunan "Arama" (search) özelliği sayesinde galeride fotoğraflarda arama yapabilirler.fsgallery fotoğrafları tam ekrana yansıtırken altta ise diğer fotoğraflar için transparan bir alan bırakmıştır. Eklediğiniz tüm fotoğrafların küçük önizlemesi aşağıda yer alır ve bu fotoğrafların üzerine geldiğinizde tooltip özelliği sayesinde önizleme ekrana gelir.

Google maps artık birçok interaktif sitede yerini aldı ve almaya devam ediyor. Sizler de sitelerinizde google maps kullanmak istiyorsanız aşağıdaki jquery eklentileri ile bunu kolaylıkla gerçekleştirebilirsiniz...

gMap

gmaps, özelleştirilebilir esnek yapısı ve küçük boyutu (2KB) ile google mapsi sitenize kolayca yerleştirebilmenizi sağlayan bir jquery eklentisidir. yapmanız gereken sadece gMap fonksiyonu kullanmak olacaktır. Ayrıca fonksiyonun seçenekleri sayesinde haritanızı istediğiniz gibi özelleştirebilirsiniz.

Demo - Download

Google Maps jQuery Plugin

Google Maps jQuery Plugin, Google Maps Javascript API için geliştirilmiş bir eklentidir. Bu eklenti sayesinde harita üzerindeki div veya bilgi pencerelerini CSS ile rahatlıkla kontrol edebiliyorsunuz.

Demo - Download

jQuery oldukça genişleyen bir kütüphane. Artık jQuery ve HTML5 sayesinde web sayfalarımızda flash ve benzeri eklentiler olmaksızın farklı efektler ve animasyonlar yaratabiliyoruz. Aşağıdaki jQuery efektlerini ve animasyonlarını sizde web sayfanızda yayınlayabileceğiniz gibi ücretsiz olarak indirebilir ve inceleyerek benzer çalışmalar yaratabilirsiniz. İşte muhteşem jQuery Efektleri ve Animasyonları

Canopy

Ball Pool

Starfield