Arayüz JavaScript

Ziyaretçilerinizi Sitede Tutmanın Farklı Yolu Glio.js

Ziyaretçileri sitenizde tutmak veya kullanıcının faresi ekranın bir yanına uzaklaşırsa dinamik efektler oluşturmak için kullanabileceğiniz Glio.js’ten bahsettik.

Glio.js kütüphanesi kullanarak kullanıcının fare imlecini sitenizin dışına çıktığında alıgalayarak uyarı göstermenize yarayan bir JS kütüphanesidir.

Bu, ziyaretçileri sitenizde tutmayı denemek için veya kullanıcının faresi ekranın bir yanına uzaklaşırsa dinamik efektler oluşturmak için de kullanılabilir.

Web’den bir sürü bu çıkma amaçlı komut dosyalarını bulacaksınız ve bunların çoğu özelleştirmek zor. Ancak, Glio.js’yi bu kadar harika kılan şey bu.

Ekranla yaptığınız işi kontrol etmenizi sağlayan güçlü bir kitaplıktır. Kullanıcının faresi tarayıcıdan çıkarsa, bir kalıp görüntüleyebilir veya arka plan rengini değiştirebilirebilirsiniz.

Ayrıca, kullanıcının faresi ekranın dört köşesinden herhangi birine yaklaştığında kontrol edebileceğiniz yerleşik sıcak noktalar ile birlikte gelir. Ayrıca, geri arama yöntemini ve herhangi bir şey çalıştırmadan önce imlecin ne kadar yakın olması gerektiğini de tanımlayabilirsiniz.

Glio’yu kullanmak için, GitHub‘dan bir kopyasını indirip yüklemeniz yeterlidir. Bower’dan bir kopyasını npm’den çekebilir veya doğrudan CDN’den alabilirsiniz.

Sayfanızdaki komut dosyasıyla birlikte, aşağıdaki örnekteki gibi bir kod satırı eklemeniz yeterlidir (seçeneklerinize göre özelleştirilmiştir):

Yönlendirme seçeneği, ekranın üstünü temsil eden herhangi bir köşeden (ör. “Üst sol”) veya “üst” olabilir. Geri arama işlevi, kullanıcının faresi çok yaklaştığında çalıştırmak istediğiniz JS kodudur. Diğer seçenek, yön noktası arasındaki mesafeyi tanımlamanıza, ilgili bilgiyi GitHub’da bulmanıza olanak tanır.

Çıkma amacını saptamak için basit bir komut dosyası arıyorsanız, Glio’nun bir zorunluluk kaynağı olması gerekir.

Bu makalede ziyaretçilerinizin mouse hareketlerini kontrol edebilmeyi sağlayan, fareyi sitenizin dışına çıkarttığında uyarı görüntüleyebilmenizi sağlayan Glio.js kütüphanesinden bahsettik. Bu konu hakkındaki düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.



Yazar hakkında

Bilal UÇAR

Web Developer @Webmaster.Kitchen.
Wordpress üzerinde çalışmalar yapıyorum. Bu konuda öğrendiklerimi mutfakta paylaşıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz.
Yorum alanı ile mutfağa katkıda bulunun.

Yorumlar

Bir yorum yaz