جارٍ التفكير في طرق لحل "الإعدادات"
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
في تحدي واجهة المستخدم الرسومية اليوم، ننشئ ونعرض صفحة إعدادات ديناميكية تحتوي على أشرطة تمرير ومربّعات اختيار. صفحة الإعدادات سريعة الاستجابة، وتدعم إدخالات الأجهزة المتعددة، وتعمل عبر المتصفحات. كيف يمكنك إنشاء صفحة إعدادات؟
سيردّ @AdamArgyleInk على تعليقاتك خلال أوّل 30 دقيقة بعد طرح الحلقة. تواصل معنا هنا أو اطرح الأسئلة أو أرسل الرمز الخاص بك.
الفصول:
- 0:00 - مقدمة
- 0:37 - عدّة منصات
- 1:39 - التباعد
- 3:02 - التنسيقات
- 4:55 - اللون
- 6:19 - إدخال المستخدم
- 7:18 - JavaScript
- 8:20 - الخاتمة
المراجع:
تثبيت VisBug ← http://goo.gle/3l286HF
مشاهدة المزيد من تحدّيات واجهة المستخدم التصويرية ← 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-03-18 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","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-03-18 (حسب التوقيت العالمي المتفَّق عليه)"],[],[]]