Preloader.js ile Sayfalarınıza ‘Yükleniyor’ Barı

css-spinnerAdobewordpress gururla sunar : Preloader.js

Birçok takipçimizin YouTube’da kullanılan yükleniyor barının nasıl yapıldığını sorması üzerine sizlere özel bir plugin geliştirme gereği duyduk. Preloader ismini verdiğimiz bu jQuery eklentisi sayfanızın yüklenmesini hesaplayıp bu süre dahilinde dolan bir bar ve dönen bir spinner oluşturuyor.

Ayrıca isteğe bağlı olarak kırmızı, mavi, yeşil ve sarı gibi ana renklere bürünmekle kalmıyor, tercih edilirse yüklenme sırasında sitenizin üstünü siyah ve beyaz renkteki perdesiyle de örtüyor.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku


Sadece CSS ile Loading Animasyonu

css-loadingCSS3‘ün animasyon desteği, önceleri GIF ve SWF gibi formatlarda hazırladığımız loading tasarımlarını birkaç satır kod ile yapılabilir kılıyor. Animasyon efektlerinin infinite (sonsuz) desteği sayesinde de bu küçük tasarımları loop (döngü) halinde kullanabiliyoruz.

Bu dersimizde sadece CSS ile şık bir loading animasyonu hazırlayacağız.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku