mootools | bildirgec.org

Günümüzde, neredeyse tüm web tasarım yazılarında "CSS3 ve jQuery" kelimeleri başrolde görülse de, tasarılarınızda kullanacağınız tek seçenekler bunlar değil. Esasında javascript framework olan MooTools ile bir sürü ilgi çekici eklenti elde etmek mümkün. Bu yazıda, MooTools ile yapılan en iyi 10 "kayan içerik uygulamalarına" (content slider) bakacağız. Site tasarımlarınızda işinize yarayacağını düşünüyorum.

Floom

SlideShow2

nivoo-slider

Web sitenizde veya blogunuzda yayınlamak istediğiniz resim ve fotoğraflarınızı, ziyaretçilerinizin beğenisini kazanacak bir görsel sunum eklentisi ile yayınlamak istediğinizde kullanabileceğiniz bir MooTools eklentisi olan slideGallery, esnek yapısı ile farklı tasarıma sahip web sayfalarında kullanılabilecek bir eklenti.

IE6+, FF2+, Safari3+, Opera9+ ve Chrome desteği olan slideGallery; otomatik gösterim, dikey ve yatay kayma, slaytların geçiş ve bekleme sürelerini belirleyebilme gibi daha birçok "özelleştirilebilir" özelliği bulunmakta.

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.

Farklı alanlarda hazırlanmış raporların muhtevasını teşkil eden ham verilerin, geniş kitleler tarafından bir bakışta anlaşılabilmesini sağlayacak bir hale dönüştürülmesinde sıkılıkla, grafikler veya çizelgeler kullanılmakta.

PHP >= 5.1 ile hazırlanmış, nesne yönelimli bir grafik oluşturma kütüphanesi olan jpgraph, barındırdığı özelliklerle farklı türdeki (çizgi (line), çubuk (bar), pasta (pie) vb...) birçok grafiği oluşturabilmeyi sağlamakta.

Açık kaynak kodlu, eğitim amaçlı ve ticari olmayan/gözü para bürümemiş projeler için ücretsiz olarak kullanılabilecek olan jpgraph kütüphanesinin ayrıca, pamuk elinizle cebinizden $98.80 çıkararak ödeyebileceğiniz Pro versiyonu da bulunmakta. Pro versiyonu için ek bazı özelliklerle, kullanım desteği verilmekte.

jpgraph kütüphanesinin tanıtım sayfasına buradan, demolarına buradan ve indirme sayfasına da buradan ulaşabilirsiniz.

Web sayfalarının iskelet dili HTML'nin fırından yeni çıkmış versiyonu HTML5 ile gelen acar elemanı video tag'ini terbiye ederek keyfinize göre kullanabilmenizi sağlayacak bir MooTools kütüphanesi olan Moovie, video tag'i ve dolayısıyla videolar üzerindeki bu hakimiyeti, ücretsiz olarak sunmakta.

Moovie kütüphanesi, Youtube video oynatıcılarında gördüğümüz standart butonları (play, pause, stop), ses konrolörünü ve durum/ilerleme çubuğunu ekleyebilmemizi/kullanabilmenizi sağlamakta. Ayrıca yükleme hatası durumunda hata mesajı verme, playlist desteği ve dil seçim desteği gibi özellikleri de bünyesinde barındırmakta.

Moovie kütüphanesine hemen buradan ulaşabilir ve kullanım ile ilgili gerekli olan tüm bilgileri elde edebilirsiniz.Tanıtım sayfasında bulunan demo gösterimi inceledikten sonra bu demonun kaynak kodlarından yararlanabilirsiniz.

Her geçen gün işlerimizi kolaylaştırmak adına yeni projelerin, programların sunulduğu internet ortamında yaptığımız işler için faturaları düzenlemek, bir arada görebilmek ve aynı yerden rahat bir şekilde takip etmek için hazırlanmış 5 internet projesini tanıtacağım sizlere.

1) Ballpark

MooTools ile desteklenmiş kullanışlı, basit bir arayüze sahip 'Ballpark', faturalandırmak istediğiniz proje üzerinde çalışmış olan birden fazla kişiyle aynı anda fatura tutarı veya detayları hakkında yorumlar yapmanızı sağlayan pratik bir servistir. Paypal desteği ile müşterinin hızlı bir şekilde ödeme yapmasını sağlayan 'Ballpark' ilk 30 gün için ayrıca ücretsiz bir deneme süresi de sunmakta.

Daha önce haziran 2009'un en iyi jquery derslerini görmüştük. Bu yazımızda ise Mart 2010'un en iyi jquery derslerini göreceğiz.

1. How to Create an Infinite Scrolling Web Gallery (Sınırsız kaydırma web galerisi nasıl oluşturulur?)

2. Advanced jQuery background image slideshow (Gelişmiş jquery arkaplan imaj slayt gösterisi)

Web 2.0 tasarımda büyük devrimlerden biridir. Web sayfanızdaki herhangi bir nesneyi eskiden ziyaretçileriniz arasında oylamaya sunarken sayfa yeniden yüklenmek zorunda kalırdı. Fakat web 2.0'dan sonra gelişen tasarım teknolojisi sayesinde bu olay ortadan kalktı. jQuery ve css ile hazırlanan bu uygulamalar her tasarımcının arşivinde kesinlikle bulunmalı. Uygulamaları birebir web sayfanıza koyabileceğiniz gibi benzerlerini de yaratmanız mümkün.

jQuery Start Rating | Demo

8 farklı seçeneği arasından herhangi birini seçebileceğiniz hoş bir jquery oylama uygulaması.

Prototype Starbox | Demo

20 farklı seçeneği bulunan bu uygulama ile oylama yaparken ziyaretçileriniz sayfayı yenilemek zorunda kalmayacaklar.