javascript | bildirgec.org

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 chrome bildiğiniz gibi artık eklenti desteğine kavuştu. Web developer ve web tasarımcılar için aşağıda google chrome için 14 adet kullanışlı eklenti bulunmakta. şimdi özelliklerine göre eklentilere göz atalım.

1. firebug for google chrome
firebug, html ve css'de düzeltmeler yapabileceğiniz bir editör. javascript desteği bulunmamakta.

2. Pendule
web uygulama geliştiricileri için araç çubğunu inşa için ayarlar. stylesheets, formlar, resimler, html ile çalışma imkanı sunar.

3. html validator
w3c standarlarına göre html kodunu kontrol eder.

Tek sayfalık web tasarımlarında, genelde içerik tek bir sayfaya sığdırıldığı için css ve javascript'e ağırlık verilmekte.jQuery ile slider vb. uygulamalar yapılırken css3 ile tasarımı ögelerini güçlendirerek daha şık durması sağlanabilir. Aşağıda içeriğinde birçok javascript uygulaması barındıran tasarım örnekleri bulunmakta. Bu örnekleri inceleyerek sizde tek sayfalık tasarımlar hakkında fikir sahibi olabilir veya farklı örnekleri inceleyebilirsiniz. Yaratıcı Tek Sayfalık Web Tasarımları;

Adam Woodhouse

Jan-Eike Koormann

David Spink

Mediocore - David Arazim

jQuery'nin sürekli genişleyen bir kütüphane olması, css3 ve html5 teknolojilerinin gelişmesi ile beraber birçok uygulama internet ortamında flash gibi eklentiler olmaksızın uygulanabiliniyor. Çizim paletleri, oyunlar, animasyonları eklenti kurmaksızın web sitenizde uygulayabilirisiz. İşte benzersiz jQuery uygulamaları;

Harmony - Demo - Video

jQuery ile yapılan bu uygulama ile web sayfanıza bir çizim tahtası yerleştirebilirsiniz. Chrome, Sketchy, Shaded gibi birçok çizgi türü bulunan bu uygulama ile birbirinden farklı eskizler ve taslaklar oluşturabilirsiniz.

CanvasBike - Demo

Html5 ve jQuery ile oyun yapılabileceğinin kanıtı olabilecek bu uygulama flash oyunları oldukça andırıyor. Chrome Experiments tarafından yapılan bu uygulamayı web sitenizde sorunsuzca çalıştırablirsiniz.

Web'in yeni modalarından da diyebileceğimiz CSS3 birçok webmaster'ın ilgi odaklarından. İşte size birbirinden harika ve hayret verici CSS 3 uygulamaları...bu uygulamaların zaman zaman bazı tarayıcılarda çalışmadığını belirtmekte fayda var. mesela neredeyse hiçbiri Internet Explorer ile çalışmıyor. En uyumlu tarayıcılar ise Safari ve Chrome.

css3 clock with jquery

analogue clock

3d cube that rotates using arrow keys

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

Dragdealer JS, web sayfalarını kullanıcılar ile etkileşim halinde, dinamik ve kolay kullanılabilir bir yapıya dönüştürmek için faydalanabileceğiniz sürüklenebilir (slider, Scroll-bar, Slideshow, canvas mask) web elemanları (bileşenleri) eldemeniz için geliştirilmiş, oldukça kullanışlı bir Javascript bileşeni.

12kB hafifliğindeki Dragdealer JS bileşeni, yatay ve dikey yönde haraket eden sürgüleri/kaydırma çubuklarını ve slide gösterimlerini hazırlayabilmeye imkan vermenin yanında, bu web elemalarını farklı yaklaşımlarda hazırlanmış olan tasarımlara uygun hale getirebilme esenekliğini de sunmakta.

Twitter, friendfeed, google, facebook derken, web sitelerinde üye girişi ya da üyelik gibi bölümlerin pabucu neredeyse dama atıldı. Bu servislerden en kullanışlı olanı Facebook Connect şüphesiz. Bu yazıda Flash ve as3 kullanarak hangi şekillerde facebook connect kullanabiliriz, artıları eksileri nelerdir, nerelerde hangisini kullanmalıyız bundan bahsedeceğim.

1. Facebook JSBridge

Facebook JS Api üzerinden çalışan bir Javascript kütüphanesidir.

Yapmanız gereken tek şey, flashtan gerekli fonksiyonları çalıştırmak ve cevaplarını dinlemektir. Gelen Json'ın parse edilmesi, gereken isteklerin yapılması kısmını bu kütüphane sizin için gerçekleştirir.