demo | bildirgec.org

content slider'lar bir önceki yazımda belirttiğim gibi çok çeşitli uygulama alanına sahip içerik gösterim eklentileridir. web sayfalarınıza kolayca entegre edebileceğiniz jquery ile geliştirilen content slider aşağıda listelendi.

1- jquery tools scrollable - tutorial - demo - download -

2- anythingslider jquery plugin - demo - download - tutorial -

jQuery günümüzde oldukça popüler ve genişlemiş bir kütüphane. css3 ise yeni bir dil olmasına rağmen oldukça kullanışlı ve görsel olarak muhteşem. Bu ikisi birleşince ortaya çok güzel çalışmalar çıkabiliyor. Fakat css3 çalışmaları tam olarak tamamlanmadığından tarayıcıların daha alt sürümlerinde çalışmayabilir. Aşağıdaki uygulamaları web sitenize ekleyebileceğiniz gibi uygulamalar ilham kaynağınız olup kendiniz farklı çalışmalar yapabilirsiniz;

Polaroid photo viewer with CSS3 and jQuery | demo

Polaroid photo viewer, css3 ve jQuery ile yapılmış farklı bir uygulamadır. Farklı birçok resmi ekranda yayar ve mouse ile taşınmasını sağlar.

Sweet AJAX Tabs With jQuery 1.4 | demo

Sweet AJAX Tabs, css3 ve jQuery ile hazırlanmış bir tab uygulamasıdır. Bu uygulama sayesinde web sayfanızda yeni sayfa yüklemesine gerek kalmadan diğer sayfalar arası geçişi sağlayabilirisiniz. Bu sayede ziyaretçileriz daha az bağlanma sorunu yaşamış olurlar.

wordpress 13. önemli sürümünü yayınladı ‘thelonious’ (wp 3.0). her önemli (major) sürümle birlikte temelar da bu sistemin yeni özelliklerinden faydalanmak ve uyum sağlamak için (genelde ufak çapta) bazı değişikliklere uğruyor. aslında, wp topluluğu temaların ve eklentilerin hepsini wp3.0'e uydurmak ve onun ilginç ve yeni özelliklerinden faydalanmak için oldukça sıkı çalışıyor.

1. the morning after by woothemes

morning after belki de wprdpress’in orjinal dergi-tarzı teması. şimdiye kadar 100,000'den fazla indirilmiş ve daha da popüler olmaya devam ediyor.

the morning after home →
live demo →

2. structure by organic themes

structure bir wp 3.0 temsı ve 4 tane farklı seçeneği bulunuyor, hepsi de çekici ve etkili minimalist bir tarza dayalı tasarlanmış. zannediyorum birçok blog yakında bu temayı kullanacak.

structure home →
live demo →

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.

Html ile yapılandırılmış, Css ile biçimlendirilmiş ve JavaScript'le de hareketlendirilmiş bir kullancı arayüzü (User Interface/UI) kütüphanesi/çatısı olan Alloy UI, bünyesindeki şık tasarımlı ve çok işlevli bileşenleri ile, dinamik ve zengin içerikli web uygulamalarının/sitelerinin, çok daha kısa sürelerde tamamlanmasını sağlamakta.

Web uygulamalarınızda kullanabilmeniz için sadece YUI Library'e ihtiyaç duyan Alloy UI bünyesindeki bileşenlerden bazıları:

AutoComplete: otomatik tamamlama.

Treeview Ağaç görünümlü menü.

Dialog Diyalog/İletişim pencereleri.

Ratings Puanlama.

Loading Mask Yükleniyor maskesi.

Düz ve sıkıcı sayısal veri işlemelerinin yanı sıra, interaktif, güzel ve bilgilendirici görselikler oluşturabileceğimiz javascript kütüphaneleride vardır. işin güzelliğide burada zaten, verilerin doğru bir şekilde görsel hale getirilmesiyle dahada anlaşılabilir hale gelmesidir. aşağıda bir takım verilerin basit bir şekilde grafikler haline getirilmesi için javascript kütüphaneleri bulunmaktadır.

Highcharts
Highcharts, popüler olma yolunda oldukça umut verici bir javascript grafik kütüphanesidir. 7 adet grafik türü (çizgi, dilim, bar vb.) ve bunlara ait bir çok güzel özellik (yakınlaştırma, ipuçları sunma gibi) bulunmakta.

gRaphael
gRaphael, Raphael tabanlı bir vektör grafik kütüphanesidir. Bu kütüphane aslında alt kütüphanelerden oluşmaktadır. buradaki amaç ana kütüphane olan g.raphael.js (12KB) ile birlikte sadece ilgilendiğiniz grafik türünü (alt kütüphanelerin boyutları ise 4KB ile 8KB arasındadır) seçip onu yükleyerek kullanmanızdır. bu yüzden ufak ama kullanışlı bir kütüphanedir.

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 ile yapılan form uygulamaları ile formlarınızı daha anlaşılır ve daha güvenli biçime getirebileceğiniz gibi oluşabilecek hataları da önleyebilirsiniz. Bu uygulamalar ile ziyaretçileriniz formları doldururken zorlanmazlar. İşte jQuery ile yapılan form uygulamaları;

Otomatik Tamamlayıcılar
Otamatik tamamlayıcı jQuery form elemanları, aradığınız bölüm ile ilgili veri tabanını eş zamanlı olarak tarar ve yazdığınız harf veya kelimeye göre siz henüz arama butonuna basmadan aramaya başlayarak alltaki küçük bir blokta size benzer sonuçları gösterir.

Autocomplete | demo

Autocomplete ile eş zamanlı olarak arama yapabileceğiniz gibi aramalarda filtreleme işlemini de uygulayabilirsiniz.