في تحدّي واجهة المستخدم التصويرية (GUI) اليوم، يستمتع @AdamArgyleInk بإنشاء تأثيرات واجهة المستخدم الفيزيائية باستخدام خصائص CSS المخصّصة وطلب إطار الصور المتحركة وبعض النصوص البرمجية.
الفصول:
- 0:00 - مقدمة
- 0:30 - الخلفية
- 1:32 - تباعد الأحرف
- 2:35 - حجم الخط
- 3:00 - التحجيم
- 3:28 - متدرجة
- 3:42 - نصف قطر الحدود
- 3:53 - العرض
- 4:08 - التدوير
- 5:26 - الارتداد
- 6:28 - ترتيب عشوائي للحزم
- 7:05 - مساحة المرح
- 10:48 - زاوية تصحيح الأخطاء
- 13:00 - HTML
- 13:17 - JavaScript
- 15:00 - شرح قوانين فصل الربيع
- 18:28 - شرح العروض التوضيحية
- 20:35 - الخاتمة
المراجع:
- يمكنك تجربة عرض توضيحي ← https://goo.gle/3GcHD58.
- الحصول على المصدر ← https://goo.gle/3n4Sfcg
مشاهدة المزيد من تحدّيات واجهة المستخدم التصويرية ← https://goo.gle/GUIchallenges
الاشتراك في Google Chrome Developers ← https://goo.gle/ChromeDevs