لا توجد طريقة واحدة لحل تحديات الواجهات. في هذه السلسلة، سنتحدى أنفسنا ومع بعضنا البعض للعثور على طرق متعددة لحل تحديات الواجهة وتوسيع تنوع مهاراتنا.
في تحدّي واجهة المستخدم التصويرية @AdamArgyleInk اليوم، يعرض @AdamArgyleInk لوحة ألوان واسعة باستخدام okLCH، حيث يتحقق من أزواج الألوان المتاحة على طول الطريق و...
في تحدّي واجهة المستخدم التصويرية اليوم، يضيف @AdamArgyleInk #CSS إلى تأثير نصي ثلاثي الأبعاد لفيلم خيال علمي كلاسيكي من خلال جعله تفاعليًا للتنقل. بو...
في تحدّي واجهة المستخدم التصويرية اليوم، يحوّل @AdamArgyleInk مجموعة إذاعية إلى مجموعة مفاتيح تبديل تعمل على تغيير محاذاة النص. تعرَّف على كيفية اختبار أذونات الوصول...
في تحدّي واجهة المستخدم الرسومية (GUI) في الوقت الحالي، يُحدث @AdamArgyleInk تأثير اهتزاز إلكتروني من خلال مسارات وتحوّلات مقاطع CSS.
في تحدّي واجهة المستخدم الرسومية @AdamArgyleInk اليوم، يقدّم @AdamArgyleInk تأثيرات لواجهة المستخدم الفيزيائية الممتعة باستخدام خصائص CSS المخصّصة وطلب إطار الصور المتحركة و ...
في تحدّي GUI في تحدّي @AdamArgyleInk اليوم، ينشئ @AdamArgyleInk حزمة بطاقات متحرّكة باستخدام مصدر التحويل والشبكة و :has().
في تحدّي واجهة المستخدم التصويرية المسكون اليوم، يعرض @AdamArgyleInk عمليات انتقال إلى مسار مقاطع CSS وتُظهر بعض التأثيرات الجذرية، وتتناول صعوبات ذلك. أنا...
في تحدّي واجهة المستخدم التصويرية اليوم، ينشئ @AdamArgyleInk تلميحًا يتضمّن عنصرًا مخصّصًا (لا يتوفّر مكوّن ويب)، :has()، وعمليات التحويل، والدعم المنطقي...
في تحدّي واجهة المستخدم الرسومية اليوم، يعيد @AdamArgyleInk إنشاء وهمٍ كلاسيكي باستخدام صفحات الأنماط المتتالية (CSS).
في تحدّي واجهة المستخدم التصويرية اليوم، يشارك @AdamArgyleInk ميزات وجوانب مكوِّن لوحة العرض الدوّارة: التكيف مع التنسيقات المختلفة، والتكيّف مع العديد من...
في تحدّي واجهة المستخدم التصويرية اليوم، ينشئ @AdamArgyleInk زرَي إجراءات عائمَين ويتحدث عن اعتبارات تجربة المستخدم وCSS ...
في تحدّي واجهة المستخدم التصويرية اليوم، يصمّم @AdamArgyleInk جميع أنواع الأزرار المختلفة على الويب بخصائص مخصّصة و :where()، للإضاءة/الداكن...
في تحدّي واجهة المستخدم التصويرية اليوم، يوضّح @AdamArgyleInk كيفية تحسين عنصر الحوار بصريًا مع الحفاظ على إمكانية الوصول إلى الجمهور والتدرّب بشكل رائع...
في تحدّي واجهة المستخدم التصويرية اليوم، يعرض @AdamArgyleInk كيفية تصميم عنصر التقدم المضمّن وكيفية تنفيذ تجربة مستخدم رائعة لقارئ الشاشة، مثل...
في تحدّي واجهة المستخدم التصويرية (GUI) اليوم، يشارك @AdamArgyleInk أفكارًا حول طريقة لإنشاء رمز مفضّل تكيُّفي باستخدام SVG. لا يقدم SVG رسالة لانهائية فحسب...
في تحدّي واجهة المستخدم التصويرية (GUI) في اليوم، يشارك @AdamArgyleInk التفكير في طريقة لإنشاء مكوِّن لتبديل المظهر. غالبًا ما سيسمح موقع الويب بالتبديل...
في تحدّي واجهة المستخدم التصويرية اليوم، يشارك @AdamArgyleInk التفكير في طريقة لإنشاء إشعارات محمّصة، وهو مكوّن غير تفاعلي وغير تفاعلي لواجهة المستخدم.
في تحدي واجهة المستخدم الرسومية (GUI) @AdamArgyleInk اليوم، يشارك أفكاره حول طريقة لإنشاء قائمة ألعاب فيديو ثلاثية الأبعاد تتكيف مع تفضيلات ألوان نظام التشغيل، ...
في تحدي الفاتورة الرسمية الموحدة اليوم، أشارك أفكاري حول طريقة لتمكين المستخدمين من الاختيار المتعدد. لتوضيح خيار تحديد عناصر متعددة، أعددتُ فلترًا...
في تحدي واجهة المستخدم الرسومية (GUI) في اليوم، أشارك أفكاري حول طريقة لحل مشكلة أزرار التقسيم. وهو مكوّن أساسي للواجهات المكثّفة، ويتيح...
في تحدي الفاتورة الرسمية الموحدة اليوم، أشارك أفكاري حول طريقة لحل التبديل. مكون صغير ومليء بتجربة المستخدم والذي انتهى به الأمر ليصبح أحد أهم ...
في تحدي واجهة المستخدم الرسومية (GUI) في الوقت الحالي، ننشئ مكوّنًا لأشرطة التنقّل مع لمسة مميزة. بدلاً من إنشاء قائمة خطية من الروابط، تضم مسارات التنقل هذه...
في تحدي واجهة المستخدم الرسومية (GUI)، نطوّر أنظمة ألوان غامقة وفاتحة وباهتة باستخدام لغة HSL. تعمل لغة CSS على المتصفحات الحديثة، وتنشئ...
في تحدّي واجهة المستخدم الرسومية (GUI) اليوم، يشارك @Adam Argyle التفكير في طرق لإنشاء تجارب تمرير مضمّنة على الويب بسيطة، و...
في تحدّي واجهة المستخدم الرسومية (GUI) اليوم، سيردّ @AdamArgyleInk على تعليقاتك خلال أول 30 دقيقة بعد طرح الحلقة. اتصال...
في تحديات واجهة المستخدم الرسومية اليوم، ننشئ ونعرض صفحة إعدادات ديناميكية باستخدام أشرطة تمرير ومربعات اختيار. صفحة الإعدادات سريعة الاستجابة، وهي تدعم...
في تحدي واجهة المستخدم الرسومية اليوم، نصمم أحد مكونات علامات التبويب مع بعض الميزات الرائعة التي ربما لم تخطر على بالك. تعمل علامات التبويب على...
لقد طلبنا من المنتدى إنشاء مكوِّن جانبي على طريقتكم، ولقد طلبنا منكم جميعًا هذا الإجراء. الاطّلاع على المهام التي تم إرسالها:
في تحدي واجهة المستخدم الرسومية (GUI)، ننشئ تجربة تنقل جانبي جانبي سريع الاستجابة يمكن الوصول إليها باستخدام CSS وJS. تعمل ميزة التنقل الجانبي...
لقد اختبرنا 5 أساليب مختلفة للتوسيط في خدمة مقارنة الأسعار (CSS)، وطلبنا منك إرسال أسلوبك الخاص. شكر وتقدير لكريس كويير من CSS-Tricks ...
لقد رأيتني أطوّر القصص على طريقتي، وتحدَّتُكم جميعًا لصياغتها بطريقتك. شكر وتقدير إلى @Geoffrich_ لإرساله على Twitter! ما يجوز فعله...
في التحدي الذي نواجهه اليوم، نختبر 5 أساليب مختلفة لتوسيط لغة CSS. تعرّف على التقنيات التي يجب أن تكسب مكانًا في حزمة الأدوات...
مرحبًا بك في تحدّيات واجهة المستخدم التصويرية (GUI) حيث أنشئ الواجهات بطريقتي وأتحداك أن تفعل ذلك بطريقتك. بالجمع بين عقولنا الإبداعية، سنتمكن من...