bildirgec.org

jQuery tabanında hazırlanan gvChart, interaktif bir tablo-grafik uygulamasıdır. gvChart ile verdiğiniz verilere göre birçok grafik oluşturabilirsiniz. İstatistik bilgilerini daha çarpıcı ve daha detaylı bir şekilde web sitenizde göstermek istiyorsanız gvChart tam size göre bir uygulama.

5 farklı grafik çeşidi bulunan gvChart, rakiplerinin aksine tamamen interaktif olarak hazırlanmıştır. Sadece imaj şeklinde veya flash gibi farklı eklentiler gerektiren bir uygulama değildir. Google js api kullanılarak hazırlanan oldukça yararlı ve etkileyici bir jQuery uygulaması.

Bu ayın en popüler jQuery uygulamalarını sizin için derledik. Kullanıcıların kasım ayında en çok takip ettiği uygulamaları inceleyebilir ve bu uygulamaların tümünü ücretsiz olarak kullanabilirsiniz. Ayrıca bazı jQuery uygulamalarında css3 kullanılarak görsel açıdan zenginlik sağlanmış. Kasım ayının en popüler jQuery dersleri :

Super Ajax Polling

Super Ajax Polling, ajax, php ve mySQL ile yapılan bu anket uygulamasıdır. Eşzamanlı olarak oyunuzu sunucuya kaydeder ve sayfa yenilemesi olmadan sonuçları ekrana yansıtır.

Ajax Domain Checker Application with JQuery and PHP

jQuery ve PHP ile hazırlanan bu muhteşem uygulama ile alan adlarını sayfa yenilemenize gerek kalmadan kısa süre içerisinde kontrol edebileceksiniz.

Tiny Circleslider, dairesel bir jQuery slider uygulaması.Bütün o klasik slider uygulamalarına alternatif olarak hazırlanan Tiny Circleslider, farklı uygulamalarda kullanılmak üzere jQuery ile inşa edildi. Basit, esnek ve oldukça kullanışlı bir jQuery uygulaması.

Uygulamada yer alan kırmızı noktayı daire çevresinde çevirdiğinizde diğer resimleri görmeniz mümkün. Ayrıca otomatik olarak değişmesini, rasgele resim seçmenisi sağlayabilirsiniz. Sadece resimlerin olduğu bölümlerdede klitlenme özelliğine sahip. Uygulamanın yarıçapını değiştirerek boyutlandırabilir ve uygulamayı tamamen kendi isteklerinize göre düzenleyebilirsiniz.

jQuery, web sitesi geliştirmek için harika bir kütüphane. Web sitenize önceden yapılması oldukça zor olan birçok uygulama, efekt ve benzer şeyler ekleyebilirsiniz. Aşağıdaki 5 muhteşem jQuery uygulamasını ücretsiz olarak kullanabilir ve ayrıca geliştirebilirsiniz.

Slider Gallery with jQuery

Slider Gallery with jQuery, diğer galeri uygulamalarından tamamen farklı bir slider uygulamasıdır. Kategorilenmiş başlıklardan birini tıkladığınız taktirde yatay olarak o kategoriye ait fotoğraflar sayfada yayınlanır. Alttaki imleç ile sağa veya sola doğru hareket edebilir ve diğer fotoğraflara bakabilirsiniz. Ayrıca yer alan tooltip eklentisi sayesinde fotoğrafları büyük boy olarak görebilir ve bu şekilde diğer fotoğraflar arası geçiş yapabilirsiniz.

Apple-like Retina Effect

Apple-like Retina Effect, fotoğrafların sadece bir bölümünü yakınlaştırmaya yarayan küçük bir uygulamadır. Büyük boyutlu resim yayınlayan web siteleri tarafından uygulanabilir.

Supersized, jQuery tabanlı olarak hazırlanan oldukça şık bir slayt uygulamasıdır. Yön tuşları, durdurma/başlatma tuşu, tam ekran özelliği, 5 farklı geçiş efekti, önceki ve sonraki fotoğrafları gösterme, görsel olarak tatmin edici tasarımı ile birçok projede kullanılabilir oldukça güzel bir jQuery eklentisi.

Tam ekran olarak kullanabileceğiniz Supersized‘e yer alan 3 adet yön tuşu ile resimleriniz arasında kolaylıkla dolaşılmasını sağlayabilir veya sadece tam ekran olarak fotoğraflarınızın seçtiğiniz sıraya göre değiştirebilirsiniz. Tüm bunları yaparken 5 farklı geçiş efektini kullanabilirsiniz. Resimlerinize başlık ekleyebilir veya alttaki menüyü kaldırarak tamamen arka plan odaklı bir slayt uygulaması oluşturabilirsiniz. Alt menü bulunmadan transparan bir blok yaratarak içerik ekleyebilirsiniz.

Web sitenizde kolayca kullanabileceğiniz jQuery Panel Gallery, diğer uygulamaların aksine size 80’e yakın efekt sunuyor. Basit arayüz ile hazırlanmış olmasına rağmen heryerde kullanılabilecek küçük ama birçok işlem yapabileceğiniz bir eklenti.

Manşet, galeri, reklam uygulaması, slide ve buna benzer birçok amaçla kullanılabilecek jQuery Panel Gallery’i birçok uygulamanızda veya web sitenizin birçok sayfasında farklı efektler ile kullanabilirsiniz. Basit arayüzü ile tamamen özelleştirilebilir. Ayrıca kolay kullanım imkanını size sunar.

Nasıl kullanmanız gerektiğini, yapılabilecek ayarlara web sayfasından ulaşabilirsiniz. Ayrıca uygulama içerisinde yer alan tüm efektleri görebilme imkanınız da bulunmakta.

Eylül ayı boyunca en popüler jQuery derslerini sizler için derledik. Aşağıdaki birbirinden farklı ve kullanışlı uygulamarın tümünü ücretsiz olarak kullanabilir ve özelleştirebilirsiniz. Popüleritesi artan jQuery kütüphanesi sayesinde interaktif olarak web ortamında birçok farklı projede kullanabilirsiniz. Eylül Ayının jQuery UygulamalarıUygulamaları;

jQuery Roundrr – How To Create Awesome Circular Image Galleries With jQuery & CSS
(jQuery Roundrr – jQuery ve CSS ile Nasıl Dairesel Resim Galerisi Oluşturulur)

A jQuery & CSS3 Drop-Down Menu With Integrated Forms
(jQuery ve CSS3 ile Açılır Menüye Entegreli Formlar)

Simple Tooltip with jQuery & CSS
(jQuery ve CSS ile Basit Tooltip)

Arrowchat, gelişmiş bir interaktif sohbet uygumasıdır. Birçok script‘e entegre edilebilecek bu uygulamayı web sitenizde kullanarak kullanıcılar arasındaki iletişimi güçlendirebilir ve arrowchat‘in birçok özelliğinden faydalanabilirsiniz.

Görünüm bakımından Facebook‘a benzetilmiş olsada istediğiniz gibi özelleştirebilir ve web sitenize entegre edebilirsiniz.jQuery ile hazırlanan bu uygulamayı kendi web sitenizde kullanabilir veya Wordpress, phpBB eklentileri de kurabilirsiniz. Brutal, vBullettin, php-nuke gibi birçok script ile entegrasyonu yapılmak üzere.

AviaSlider; birçok farklı benzersiz geçiş efektine sahip birçok projede farklı amaçlarla kullanabileceğiniz harika bir jquery slider uygulamasıdır. Interaktif olarak kullanabileceğiniz AviaSlider, diğerlerinin aksine farklı efekler sunarak ziyaretçilerinizi etkiler.

8 benzersiz geçiş efetli olan aviaslider’ı web sitenizde manşet veya resimleriniz için küçük bir galeri olarak kullanabilirsiniz. jQuery 1.32 ile hazırlanan bu uygulamayı istediğiniz gibi biçimlendirebilir html5 ve css3 ile renklendirebilirsiniz.

Sadece 8KB boyuntaki bu ufak uygulama içerisindeki farklı efektleri farklı sayfalarda kullanabilir ve tooltip eklentisi sayesinde resimlerin büyük hallerini sayfa içerisinde açılan küçük bir pencereden ziyaretçilerinize gösterebilirsiniz. Bu pencere açılırken resim harici sayfaya uygulanan karartma efekti sayesinde ziyaretçilerinizin resime dikkat çekmelerini sağlayabilirsiniz.

eskiden dinamik web sayfaları derken bunun server-side kısmını ele alırdık. ajax ile birlikte artık sadece kod değil görüntüde oldukça dinamik, yerinde düzenleme ile yapılan değişiklikler, kendini yenileyen div-ler ve benzer uygulamalar. hem programcının işini basitleştirdi, hem de ziyaretçinin daha hoş görünen bir sitede gezmesine sebep oldu. başlıktanda anladığınız gibi işimizi kolaylaştıracak ajax kütüphanelerinden neredeyse en ünlüsü olan jquery ile yapılmış örnekleri sizle paylaşmak istedim. bu örnekleri kullanmasınız bile jquery dili ve kullanışlılığı açısından size bir fikir verecektir.

*geçiş efektleri

innerfade

(tasarımlar üzerine uygulandığında iyi çalışan standart bir geçiş efekti)

flip

(flash’a benzeyen ama saf jquery ile yapılan geçiş efekti)

jquery circulate

(dairesel hareket kullanan bir animasyon)