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.

Web sitenizdeki görsellerinizi hem kullanımı kolay hem de oldukça etkileyici bir şekilde sunmanızı sağlayacak bir JQuery Görsel Sunum Eklentisi olan YoxView, ücretsiz ve kolay uygulanabilir olması ile beğeninizi kazanacak bir eklenti.

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.

Internet Explorer 6+, Firefox, Safari, Chrome ve Opera desteği bulunan Spritely’in bazı avantajlı yanları ise; basit kullanımı, hafifliği ve ücretsiz olması.

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.

Sunucu taraflı herhangi bir yardıma ihtiyaç duymayan WebSlide’a, CSS ile çeşitli temalar da hazırlanabilmekte.

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 html, css, photoshop ve JQuery, ile hazırlanmış ve kullanıcılarınıza web sayfanızın üst tarafına bir görünür-gizlenir yönetim paneli eklemenize olanak tanıyan oldukça kullanışlı olabilecek bir web sayfası bileşeni örneği.

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.

Önceleri Javascript ile web sayfalarına animasyonlu öğeler hazırlamak oldukça zorlu bir çalışma gerektirmekteydi. Oysa şimdilerde prototype, jQuery ve mootools gibi oldukça başarılı Javascript çatılarının ortaya çıkması ile ancak Flash ile hazırlanabilecek çeşitli animasyonları artık Javascript ile de hazırlamak mümkün.

Aşağıdaki liste ile Javascript ile hazırlanmış ilham alınası örneklere, çeşitli eğitimlere ve eklentilerine göz atabilir ve kendi projelerinizde kullanabilirsiniz.

İlham Alınası Örnekler:

1-ADCapital Industries

2-Lionite

Kolay kullanımı ve sağlamlığı ile en beğenilen Javascript kütüphanelerinin başında gelen JQuery, birçok geliştirici tarafından; web sayfalarında sıklıkla kullanılan bazı elemanların/parçaların belli bir şablona dönüştürülerek web sayfalarına daha kolay uygulanabilmesi için yeni eklentilerin veya örneklerin oluşturulmasında da kullanılmakta.

Bu elemanlardan biri de; genellikle haber sitelerinin ana sayfalarında bulunan ve önemli haberlerin görsellikle desteklenmiş kısa başlıklardan oluşan haber başlıklarıdır.

JQuery News Slider örneği ile kod yığınları arasında kaybolmadan haber başlıklarını animasyonlu bir sunum ile web sayfanızda oluşturabilirsiniz.