در چالش رابط کاربری گرافیکی امروز، @AdamArgyleInk فکر کردن در مورد روشی برای ساختن نان تست، یک جزء غیر تعاملی و غیرفعال برای رابط کاربری برای ارائه بازخورد کاربران را به اشتراک می گذارد. عنصر [خروجی]، شبکه CSS، انیمیشنها و تکنیک FLIP را کاوش کنید که به ساخت یک جزء تطبیقی و در دسترس کمک میکند.
فصل ها:
- 0:00 - مقدمه
- 0:23 - بررسی اجمالی
- 2:02 - [خروجی]
- 3:00 - چیدمان
- 4:41 - انیمیشن
- 5:50 - جاوا اسکریپت قسمت 1
- 6:55 - حرکت کاهش یافته
- 7:43 - فریم های کلیدی
- 8:09 - جاوا اسکریپت قسمت 2
- 10:48 - تلنگر
- 14:18 - خروجی
منابع:
- به همراه بخوانید → https://goo.gle/3GghBfI
- نسخه ی نمایشی را امتحان کنید → https://goo.gle/3EHsuXG
- منبع را دریافت کنید → https://goo.gle/3oykceU
- FLIP → https://goo.gle/3oz8P6D
- پل لوئیس (از SuperCharged) → https://goo.gle/31IOFy0
چالشهای رابط کاربری گرافیکی بیشتر → https://goo.gle/GUIchallenges را تماشا کنید
در Google Chrome Developers → https://goo.gle/ChromeDevs مشترک شوید