bildirgec.org

Ö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.

JavaScript Vectorgraphics kütüphanesini kullanarak sitenize istediğiniz şekilleri çizebilirsiniz. LGPL lisanslı bu kütüphane tamamen ücretsiz ve geliştirilmeye açık. Kütüphanenin halihazırdaki versiyonunda kullanıcılar tarafından eklenmiş bölümler de mevcut.

Kütüphanenin çalışma mantığına gelirsek, kütüphanenin mantığı web sayfasında küçük küçük bir sürü div ler oluşturmaya dayanıyor çok abartmadığınız sürece bu div ler sayfanızda bir kasılmaya sebep olmuyor.

Ayrıca Cross Browser olan(Farklı tarayıcılarda sorunsuz çalışabilen) bu kütüphane ile İE4 dahil birçok web tarayıcısında istediğiniz görüntüyü elde edebilirsiniz.

Herkese tekrardan merhabalar, keyifleriniz yerindedir umarım. Keyifler yerindeyse bugün biraz daha bilgimizi genişleterek keyiflenme zamanımız geldi demektir 🙂

Burada yazdığım ilk Jquery dökümanı bu olacak. İlk başta Jquery’nin ne şekillerde kullanıldığını yazacağım. Daha sonra Jquery ile birkaç tane örnek uygulama yapacağım. Bu dökümanı daha net anlayabilmek için html ve css bilginizin de olması gerekiyor.

Elimizde bulunması gereken Jquery dosyasını Jquery Resmi Sitesi‘nden temin edebilirsiniz. Her şey hazırsa başlıyoruz…

Web sayfalarının tasarımlarının ziyaretçiler tarafından beğenilmesi için kimi zaman web sayfasının yüklenme hızını düşürecek derecede fazla miktarda görsel ve kod dosyaları kullanılır.

Bu sorundan hareketle hazırlanmış bu listedeki jQuery eklentileri ile web sayfanızın yüklenme hızını fazlaca etkilemeden, ziyaretçilerinizin beğenisini kazandıracak tasarımlar hazırlayabilirsiniz.

İlgi çekici ve Hafif (Lightweight ) 10 Adet jQuery Eklentisi:

1- ColorBox -> 9 KB
2- markItUp! -> 6.5 KB

3- jFlow -> 2 KB
4- JPolite -> 5 KB
5- vTip -> js:706 b, Css:272 b, Görsel: 270 b

6- jQuery Cycle Plugin
7- Wilq32.RotateImage

8- jqModal
9- jQPie
10- jContext -> 0.6 KB

Web sitenize veya blogunuza, sadece birkaç satırlık kod ile kolayca ekleyerek, ziyaretçilerinizde hayranlık uyandıracak, klas tasarımlar yapabileceğiniz 10 adet JQuery eklentisini bu listede bulabilirsiniz.

1 – jQTouch | Demo

2 – Fullsize | Demo

3 – Airport – Information Board Text Effect | Demo

Web sitelerinde veya bloglarda etkileşimli bir ortam oluşturarak, ziyaretçilere çeşitli bilgilendirici veya uyarıcı bildirimler vermek sıkça kullanılan bir yöntemdir.

Gelişen web teknikleri sayesinde, web sayfalarındaki birçok öğenin kullanıcıyı hayran bırakacak bir yapıya büründüğü günümüzde, bildirimler için de kullanabileceğiniz birçok farklı çözüm bulunmakta.

Bu çözümlerden biri de bir JQuery eklentisi olan Gritter.
Gritter ile oldukça hoş ve kullanışlı bildirimler oluşturmak için bu sayfadan gerekli bilgileri alabilir ve demo sayfasına da buradan ulaşabilirsiniz.

Web sayfalarının tasarımlarında oldukça fazlaca kullanılan JQuery’nin, her geçen gün fanatik hayranları da artmakta.
Web sayfalarına oldukça kolay bir şekilde animasyonlu hareketlilikler eklemek isteyen JQuery hayranları, bu amaçla JQuery ile ilgili farklı eğitim ve eklenti sitelerini sık sık web’te aramaktalar.

JQuery hayranlarının bu ihtiyaçlarından hareketle oluşturulmuş ve jQuery ile ilgili eğitici dokümanlar, hileler, ipuçları, eklentiler ve haberlere ulaşabileceğiniz 15 adet JQuery Sitesine aşağıdaki listeden ulaşabilirsiniz.

1. jQuery Style

2. jQuery for Designers

SMT (Simple Mouse Tracking) JavaScript ve PHP ile hazırlanmış, web sayfalarında fare/imleç izleme script’i/ betiği/eklentisi.

Ücretsiz olarak kullanabileceğiniz bu script ile Web sitenizin veya blog’unuzun ziyaretçilerinin, web sayfalarınız ile olan etkileşimlerini (imleç ile hangi alanlara tıkladıkları ve hangi bölgeleri seçtikleri gibi) öğrenebilirsiniz.

Ziyaretçi davranışlarının izlenebilmesi için oldukça faydalı olabilecek bu script sayesinde elde edeceğiniz veriler ile web sayfanızda, amacınıza uygun yeni düzenlemelere gidebilirsiniz.

SMT’nin ana sayfasına buradan, dokümanlarına buradan ve demo gösterimlerine de buradan erişebilirsiniz.

popüler javascript uygulamalarından olan mootools‘tan sitelerinizin çeşitli bölümlerinde faydalanma imkanınız var. işinize yarayabilecek 25 uygulama ve ders:

How to Auto Caption Images Using MooTools

Twitter Emulation Using MooTools 1.2 and PHP