تعرض صفحة جيثب هذه بدائل غير JS لميزات واجهة المستخدم الشائعة
كم مرة كنت تريد بناء عرض شرائح CSS فقط أو نافذة مشروط? هذه هي بعض من عناصر واجهة المستخدم الأكثر شيوعا على الويب وفي الوقت الحالي ، يمكنك بنائها بدون أي JavaScript.
بالتأكيد ، من الممكن ضرب Google للبحث عن حلول. لكن لم لا اختيار من قائمة برعاية من الموارد رهيبة?
هذا هو المكان الذي تدخل فيه صفحة جيثب. انها بعنوان "أنت لا تحتاج إلى جافا سكريبت", ويقدم قائمة كبيرة من الحلول العملية ل عناصر واجهة مشتركة.
شيء واحد هو أن نلاحظ أن هذه الرموز هي ليس نهاية كل الحلول.
ليس كل شيء في القائمة يدعم جميع المتصفحات ، والعديد من هذه الحلول ليست قادرة تماما على التعامل مع تدهور رشيقة أو مشاكل مع متصفحات المحمول. لذلك سوف تحتاج إلى فحص كل واحد على حدة على أساس كل حالة على حدة.
ولكن إذا كنت تموت من أجل حلول CSS نقية ثم هذا جيثب قمت بتغطيتها.
قائمة الميزات انتهت 20 عناصر مختلفة من واجهة المستخدم مع العديد من الحلول البارزة ، مثل:
- قوائم همبرغر
- تلميحات
- علامات التبويب
- معارض الصور
- القوائم المنسدلة
- وأكثر من ذلك بكثير.
كل مشروع وصلات إلى التجريبي CodePen حيث يمكنك رؤيته مباشرة مع رمز مصدر العينة.
لاحظ هذا الريبو جيثب معين لا يوجد لديه أي رمز فعلي فيه. بدلا من ذلك فقط قائمة العروض CodePen تتميز حلول غير JS لمشاكل واجهة مشتركة.
هذا هو المورد المثالي للمرجعية للرجوع إليها في المستقبل والحفاظ على قرب إذا لزم الأمر.
أنت حر في المساهمة من خلال الاتصال بأي شخص من صفحة جيثب الرئيسية إذا كان لديك أفكار أو اقتراحات لموارد جديدة.
أنت حر في نسخ أي شفرة المصدر من أي من هذه العروض و إعادة استخدامها في مشاريعك.
فقط تأكد من ذلك يمكنك التحقق من علامة التبويب خصائص CSS قبل نسخ أي شيء لأن بعض تحتوي على مكتبات اضافية.
بشكل عام ، يعد هذا عرضًا رائعًا لـ GitHub وهو أسهل بكثير من استخدام البحث عن حل مثالي من Google.
افحص ال صفحة جيثب الكاملة هنا, وإذا كنت تريد عرض جميع التغييرات المحتملة تستطيع أن ترى تلك الموجودة في سحب طلبات التبويب.
