jscript | bildirgec.org

Eğer web sitemizde resim veya fotoğraf gibi görsel içerikleri barındıyorsak, görsel içeriğimiz ne kadar etkileyici olursa olsun, içeriğimizi ziyaretçilerimizi etkiyececek bir sunumla yani; başarı hedeflerimize/kıstaslarımıza ulaşma yolunda bir katalizör görevi görecek janjanlı bir ambalaj ile sunmamız gerekir.

Genellikle alışveriş sitelerinde görmeye alışık olduğumuz, şık ve zarif bir içerik/ürün/materyal sunum türünü Flash kullanmadan yapabilmemizi sağlayan jCoverflip, etkiletici bir jQuery eklentisi görünümünde.

jQuery 1.3+ ve jQuery UI 1.7.2 gereksinimleri ile çalışabilen jCoverflip, içeriğindeki öğeleri; herbir öğe üzerine tıklamak veya jQuery UI slider ile hazrılanmış olan kaydırma çubuğu yardımı ile, sunmakta.

Günümüz web projeleri için, gerek sunucu taraflı, gerekse de istemci taraflı programlama ve tasarım çalışmaları için harcanan zaman ve emek bir veya birkaç kişinin üstesinden gelmesinin zorlanacağı bir düzeye gelmiş durumda. Bir veya birkaç kişiden oluşan geliştirici/tasarımcı gruplarının, karmaşık web projelerinin altından kalkabilmelerine yardımcı olabilecek en önemli destekçiler ise, belli bir işi en iyi bir şekilde yapabilmesi için geliştirilen ve çoğunlula da ücretsiz olan eklentilerdir/modüllerdir.

Bu yararlı eklentilerinden biri olan ve JavaScript ile hazırlanmış bir tarih seçici (date picker) eklentisi olan jsDatePick, başta web formlarında olmak üzere, kullanıcılardan istenen tarih verilerinin, formlara kullanıcılar tarafından kolayca eklenebilmesine yardımcı olmakta.

Her derde deva jQuery ekletilerinden biri olan Spritely (jQuery.spritely), Web sayfalarımıza, sadece Html ve Javascript ile; imleç hareketlerine duyarlı objeler/karakterler ve hareketli/dinamik arka planlar hazırlayabilmemiz için geliştirilmiş bir eklenti.

Spritely, Flash kullanmak istemediğiniz projeleriniz veya Flash desteği olmayan ortamlar için alternatif bir çözüm sunmakta.

Web sitenizde bulunan, metin ve görsel öğelere sahip içeriklerinizi, bir slayt gösterimi düzeneği ile ziyaretçilerinize sunabilmenizi sağlayan ve bir jQuery eklentisi olan bxSlider; hız, gösterim modu ve gösterimin kendiliğinden veya kullanıcı etkisi ile başlayabilme gibi birçok yapılandırma opsiyonu/özelliği ile web sayfanıza yerleştirebilirsiniz.

Web sayfanıza sadece birkaş satır kod ile kolayca ekleyebileceğiniz bxSlider eklentisi için hazırlanmış ve içeriğinde 4 farklı slayt gösterim tekniğinin bulunduğu demo sayfasına buradan ve bxSlider ana sayfasına da buradan ulaşabilirsiniz.

tüm seviyelerdeki javascript meraklıları için js kaynakları. başlangıç seviyesinden, profesyonel seviyeye kadar tüm konulara değinilmiş bu kaynakları bir yerlere not etmenizde fayda var.

1. Mozilla Developer Center

mozilla dev center her seviyeye hitap eden bir kaynak. javascript'e girişten tutun da, versiyonlar arası farklara kadar her türlü konuya değinilmiş bir site. hünerlerinizi
arttıracak, işlerinizi kolaylaştıracak araçlara da yer veriyor. bu araçlar firefox add-on' larından ide' lere kadar uzun bir yelpazede. ayrıca bilgi paylaşımı için birçok hizmet de
mevcut. posta listeleri, haber toplulukları, google groups, beslemeler ve irc bunlardan birkaçı.yeni başlayanlara tavsiyem Core JS 1.5 Reference'tan başlamaları. basite kaçsa bile işi js uzmanlarından görmek insanı daha da bir geliştiriyor, ufkunu açıyor. regular expression'dan tutun da nesnelere, alan adlarına kadar o kadar çok konuya, o kadar açıklayıcı bir biçimde değinilmiş ki kolay kolay kopabileceğinizi sanmıyorum.

quirksmode

Web sayfalarında, farklı amaçlar ile hazırlanmış resim, fotoğraf, çizim vb. çeşitli görsel öğelerin sunumunu kolayca yapabilmeniz için bir arayüz sağlayan WebSlide, farklı tasarımı ile dikkat çekmekte.

Javascript ve Css ile hazırlanmış WebSlide, sunumu yapılmak istenen görseli, bir menü ile beraber web sayfasında görütüleyerek, ziyaretçilerin görseli, fare veya klavyedeki yön tuşları ile detaylı olarak inceyebilmelerine olanak tanımakta.

Günümüz web sayfalarının tasarımında sıklıkla kullanılan imleç haretlerine duyarlı interaktif tasarımlar, oldukça öne çıkmış durumda.Web sayfalarında, imleç hareketlerinin tetiklenmesiyle neredeyse, sadece masaüstünde görebileceğimiz; açılan pencereler, görünür-gizlenir menüler gibi birçok aksiyonu görebilmekteyiz.

Bu trendin gelişmesinin en önemli destekleyici faktörü olarak javascript çerçeveleri başı çekmekete.

JQuery Dashboard örneğinin nasıl hazırlandığına dair gerekli tüm bilgilere buradaki sayfadan ulaşabilirsiniz.
Ayrıca JQuery Dashboard örneği için hazırlanmış demoyu buradan deneyebilir ve kendisini de buradan indirebilirsiniz.