في تحدي واجهة المستخدم الرسومية اليوم، أنشأنا تجربة تنقل جانبي يمكن الوصول إليها من خلال التنقل الجانبي وسريعة الاستجابة، وذلك باستخدام CSS وJS. يعمل شريط التنقل الجانبي على العديد من المتصفحات وأحجام الشاشات وأجهزة الإدخال. هل هذا صحيح؟ يمكنك المتابعة بينما نستخدم الشبكة والتحويل والفئات الزائفة ومقدار هائل من JavaScript للتعامل مع تجربة المستخدم هذه.
سيردّ @AdamArgyleInk على تعليقاتك خلال أوّل 30 دقيقة بعد طرح الحلقة. يمكنك التواصل معنا هنا أو طرح الأسئلة أو إرسال الرمز الخاص بك.
الفصول:
- 0:00 - مقدمة
- 0:30 - نظرة عامة على ميزة تصحيح الأخطاء في الزاوية
- 2:25 - الشبكة += تخطيط تكديس استعلام الوسائط
- 3:42 - الانتقال من خلال تسهيل الاستخدام
- 4:22 - :target Class
- 5:57 - Escape Key UX
- 6:16 - تنظيم التركيز
- 6:49 - تجربة المستخدم لقارئ الشاشة
- 7:56 - الخاتمة والعبارة التي تحث المستخدم على اتخاذ إجراء
المراجع:
- الرمز على طول ← https://goo.gle/3sQ8Xif
- اقرأ المزيد ← https://goo.gle/2Np83J9
- يمكنك مشاهدة عرض توضيحي ← http://goo.gle/3bVBFYT.
- الاطّلاع على الطريقة التي ينشئ بها الآخرون الروابط الجانبية (عمليات إرسال واجهة المستخدم التصويرية) → https://goo.gle/36CAeuO
مشاهدة المزيد من تحدّيات واجهة المستخدم التصويرية ← https://goo.gle/GUIchallenges
الاشتراك في Google Chrome Developers ← http://goo.gl/LLLNvf