JQuery Slidebars Framework ile Kolay Kayar Hamburger Menüleri Oluşturun
UX tasarımcıları kullanımı üzerinde bicker hamburger menüleri Web tasarımında Onlar mobil kullanıcılar için bir amaca hizmet etmek Ayrıca keşfedilebilirliği düşük olmak.
Web sitenizde kullanmaya değip değmeyeceklerini söyleyemem, ancak kolay bir yol arıyorsanız kayan bir menü ayarlamak sonra Slidebars Çerçevesi kullanışlı bir kaynak.
Kaydırma çubukları tamamen ücretsiz ve açık kaynaklıdır jQuery kütüphanesinin tepesinde. Kayan bir menüyü açmak için bir hamburger simgesine tıkladığınızda beklediğiniz gibi çalışır ve ekranı tuvalin dışına iter yer açmak.
Özellikle sevdiğim bir özellik dokunun-to-hide kurulumu Sayfadaki herhangi bir yere dokunarak nereye hemen menüyü gizle. Bu, her kayan menü eklentisine eklenmemiş ancak kullanıcı deneyimini büyük ölçüde artıran bir özellik.
Bu eklenti tamamen açık kaynaklı ve kodlar ücretsiz GitHub'da Eğer dürtmek istersen. Ancak, depoda kurulumu zorlaştıran net bir dokümantasyon seti eksik.
Neyse ki, bunu ana sitede bulabilirsiniz. tam kullanım kılavuzları Slidebar'ları çalıştırmak ve hızlıca çalıştırmak için.
Kayan menüleri destekler ekranın dört bir yanından, ile birlikte özel özellikler animasyon efektleri, renk seçenekleri ve menünün toplam genişliği / yüksekliği için.
Tüm sürgülü menü sayfa dışı bir öğede çalışır, yani ihtiyacın var tuval dışı menüyü düzgün şekilde ayarlayın. Bu, hem uygun HTML'yi hem de stil için uygun CSS'yi içerir..
Bunların hepsi belgelerde ayrıntılı olarak açıklanmıştır, bu nedenle sayfaları adım adım izlerseniz, düzgün çalışmasını sağlamalısınız. Ve, varsayılan kurulum herhangi bir özel özellik gerektirmez, temel adımları izlerseniz sorun yaşamayacaksınız.
Slidebarlar gerçekten bir tam çerçeve ve hatta bir özel API üzerinde çalışabilirsin. Size izin verir jQuery işlevlerini çağırın özellikler eklemek veya varsayılan işlevleri özelleştirmek için Kayan menüye ihtiyaç duyan, ancak sıfırdan bir tane oluşturmak istemeyen geliştiriciler için mükemmel bir seçim.
Daha fazla bilgi edinmek istiyorsanız Slidebars web sitesine bakın. Kelimenin tam anlamıyla bilmeniz gereken her şeye ve dolaşmak için birçok demoya sahip..