Html5 Mootools Webmaster

MooPlay.js – Kendi ortam oynatıcını tasarla

Böyle  paylaşımlar  yaptığım zaman içimde acayip bir  sevinç oluyor. Neden mi  ? Şimdiye  kadar karşılaştığım  web üzerinden video oynatmaya  yarayan eklentilerin teknolojilerin bana  göre  hem en kullanışlı  olanı hemde  en iyisi ( sadece bana göre ).  Eklentinin  en çok hoşuma  giden özelliği tam ekran modunda video  oynatmaya  geçiş yapıldığı zaman video eşit  bir  şekilde tam […]

Mootools Webmaster

ElementStack

Mootools için Oskar Krawczyk  tarafından geliştirilmiş olan bir  eklenti ElementSrack eklentisi. Eklenti  ne işe  yarar Bence  pek bi  işe yaramaz  ama  animasyon türünden  çalışmalarla  arası iyi olan kullanıcılar  için  çok nadir  bulunan animasyon türlerinden. Çalışma şekli : Sayfanıza  eklediğiniz  ve düzgün olarak  sıralanmış  olan resimleriniz  tek  tıklama ile  dağınık bir  şekilde  arka  arkaya sıralanıyor. Hangi resme […]

Mootools Webmaster

MooScroll.js

Mootools için Jason J. Jaeger tarafından hazırlanan MooScroll eklentisi ile değişik  kaydırma  çubukları oluşturabilirsiniz. Sayfa içi kaydırma  çubukları ve kenar  kaydırma  çubukları dahil  bütün kaydırma  çubuklarında  eklenti sorunsuz  çalışıyor. Başlagıçta resimlerin  geç  yüklenebilmesinden dolayı normal  kaydırma  çubukları  sayfada  görünebilir ama  yüklemeden sonra  eklenti ile belirlenen kaydırma çubukları devreye girer.

Mootools Webmaster

Mooclock

bu bu kod. #mooClock-placeholder{ width:100px; height:100px; } Eklentini asıl çalıştıran javascript komut. window.addEvent('domready',function(){ var mooClockInstance = new Mooclock($('mooClock-placeholder'), /* default options { 'clockClass' : 'mooClock', 'timeClass' : 'mooClockTime', style : { 'pivot' : { 'color' : '#FF0000', 'width' : 10 }, 'clockCircle' : { 'color' : '#FF0000', 'size' : 10 }, 'seconds' : { 'color' […]

Mootools Webmaster

MooView – tam ekran sürükle-bırak fotoğraf albümü

Mootools MooView  Eklentisi küçük resimlere  tıklayarak küçük  resim ile ilişkili olan büyük resmi ekrana çağıran  araçtır. Bu eklenti Html5  kullanılarak  hazırlanmıştır.  Resimler  sayfanın en sağında  saklanıyor ve  ekranda  görülen kısım ise  pc  ekranına  benzer  bir icon. Mouse  iconun istüne gelir  gelmez küçük resimler kayarak  en  sol tarafta  yerini  alıyor. Buraya  kadar iş güzel  de anlamadığım […]

Mootools Webmaster

Bilgilendirme baloncukları

Mootools Frameworkü  sayesinde jQuery tooltip (bilgilendirme  balonu) benzeri uygulamalar kullanabilirsiniz. Resimlerinize, linklere  yada menülerinizde bu uygulamayı kullanarak güzel  tasarımlar elde edebilmeniz  mümkün.  Aşağıda  verilen demo  adresinden örneğin çalışan bir  halini  ve  sitenize ekleyebileceğiniz  kaynak kodları  bulabilirsiniz. Demo : Mootools Tooltip