التفكير في طرق لحل النصائح

في تحدّي واجهة المستخدم التصويرية اليوم، ينشئ @AdamArgyleInk تلميحًا يتضمّن عنصرًا مخصّصًا (لا يتوفّر مكوّن ويب). :has() وعمليات التحويل والخصائص المنطقية. بالإضافة إلى نص برمجي احتياطي صغير لاستخدام :has()، فإن كل شيء تتم تشغيله بواسطة CSS. لا تفوِّت تجربة قارئ الشاشة، فقد حاز على بعض الاهتمام الخاص، كالعادة.

الفصول:

  • 0:00 - مقدمة
  • 0:20 - تلميحات الأدوات مقابل نصائح التبديل
  • 2:22 - نظرة عامة على الميزة
  • 6:25 - تجربة مستخدم قارئ الشاشة
  • 9:06 - شجرة تسهيل الاستخدام
  • 14:12 - :has()
  • 14:55 - HTML
  • 15:18 - CSS
  • 18:50 - JavaScript
  • 20:21 - الخاتمة

المراجع:

مشاهدة المزيد من تحدّيات واجهة المستخدم التصويرية ← https://goo.gle/GUIchallenges

الاشتراك في Google Chrome Developers ← https://goo.gle/ChromeDevs

الرجوع إلى كل الحلقات