إنشاء قوائم سهلة الانزلاق همبرغر مع jQuery Slidebars Framework

UX المصممين المشاجرة على استخدام قوائم همبرغر في تصميم الويب. هم خدمة غرض لمستخدمي المحمول لكن أيضا لديك أقل اكتشاف.

لا يمكنني القول ما إذا كانت تستحق الاستخدام على موقع الويب الخاص بك أم لا ، ولكن إذا كنت تبحث عن طريقة سهلة إعداد قائمة انزلاق ثم ال إطار الشرائح هو مورد مفيد.

Slidebars مجاني ومفتوح المصدر بالكامل على رأس مكتبة مسج. إنه يعمل تمامًا كما تتوقع حيث تنقر فوق رمز الهامبرغر لفتح قائمة منزلقة يدفع الشاشة خارج قماش لإفساح المجال.

ميزة واحدة أحب بشكل خاص هو انقر لإخفاء الإعداد حيث يمكنك النقر في أي مكان على الصفحة إخفاء على الفور القائمة. لا يتم تضمين هذا في كل مكون إضافي لقائمة انزلاقية ، ولكنه ميزة تحسن بشكل كبير تجربة المستخدم.

هذا البرنامج المساعد مفتوح المصدر تمامًا والرمز متاح مجانًا على جيثب إذا كنت تريد الوخز. ومع ذلك ، يفتقد الريبو مجموعة واضحة من الوثائق مما يجعل الإعداد أكثر صرامة.

لحسن الحظ ، يمكنك أن تجد هذا على الموقع الرئيسي مع أدلة الاستخدام الكامل للحصول على Slidebars وتشغيلها بسرعة.

وهو يدعم القوائم المنزلقة من جميع الجوانب الأربعة من الشاشة, مع ميزات مخصصة لتأثيرات الحركة ، خيارات الألوان ، العرض / الارتفاع الكلي للقائمة.

القائمة المنزلقة بأكملها يعمل على عنصر خارج الصفحة, لذلك تحتاج إلى إعداد القائمة خارج قماش بشكل صحيح. يتضمن هذا كلاً من HTML الصحيح و CSS المناسب للتصميم.

يتم توضيح كل ذلك بالتفصيل في الوثائق ، لذلك إذا اتبعت الصفحات خطوة بخطوة ، فيجب أن تجعلها تعمل بشكل جيد. و الإعداد الافتراضي لا يتطلب أي خصائص مخصصة, لذلك إذا اتبعت فقط الخطوات الأساسية ، فلن تواجهك أي مشكلة.

Slidebars حقا هو الإطار الكامل وحتى لديه API مخصص يمكنك العمل أكثر. انها تسمح لك ل استدعاء وظائف مسج لإضافة ميزات أو تخصيص الوظيفة الافتراضية. اختيار ممتاز للمطورين الذين يحتاجون إلى قائمة انزلاق ولكن لا يريدون إنشاء واحدة من البداية.

إذا كنت مهتمًا بمعرفة المزيد ، راجع موقع Slidebars. يحتوي حرفيًا على كل ما تحتاج إلى معرفته والكثير من العروض التجريبية.