التفكير في طرق لحل التبديلات
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
في تحدي واجهة المستخدم الرسومية اليوم، أشارك أفكاري حول طريقة حل التبديل. مكون صغير ومليء بتجربة المستخدم والذي انتهى به الأمر باعتباره أحد أكثر التحديات تعقيدًا حتى الآن. الكثير من التنسيقات الرائعة وإمكانية الوصول والرسوم المتحركة والتفاعلات التي يمكن مشاركتها، ما يعني أنّه يمكنكم اختيار تصميم مفضَّل لديكم من بين العديد من المساحات 😉.
الفصول:
- 0:00 - مقدمة
- 1:15 - الحالات
- 2:05 - التفاعلات
- 2:45 - قارئ الشاشة
- 3:14 - اللمس
- 4:10 - التمرير
- 5:07 - من اليمين إلى اليسار
- 5:56 - CSS/JS غير مطلوب
- 7:00 - صيغة عمودية
- 9:14 - Flexbox
- 10:39 - شبكة
- 12:10 - عمليات الإلغاء
- 15:38 - JavaScript
- 18:15 - الخاتمة
المراجع:
مشاهدة المزيد من تحدّيات واجهة المستخدم التصويرية ← https://goo.gle/GUIchallenges
الاشتراك في Google Chrome Developers ← http://goo.gl/LLLNvf
arrow_back الرجوع إلى كل الحلقات
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2021-08-11 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2021-08-11 (حسب التوقيت العالمي المتفَّق عليه)"],[],[]]