באתגר ממשק המשתמש הגרפי (GUI) של ימינו, אנחנו יוצרים חוויית משתמש רספונסיבית ונגישה לניווט צדדי באמצעות CSS ו-JS. הניווט הצידי פועל במספר דפדפנים, מסכים ומכשירי קלט. מגניב, נכון? כדי לשלב את חוויית המשתמש הזאת, אנחנו משתמשים באלמנטים של רשת, טרנספורמציות, מחלקות מפסאודו ובלוק של JavaScript.
@AdamArgyleInk יגיב להערות שלך במשך 30 הדקות הראשונות לאחר השקת הפרק. אפשר ליצור איתנו קשר כאן, לשאול שאלות או לשלוח קוד משלך.
פרקים:
- 0:00 - מבוא
- 0:30 - סקירה כללית של תכונות פינות לניפוי באגים
- 2:25 - פריסת רשת += מקבץ שאילתות מדיה
- 3:42 – מעבר נגיש של טרנספורמציה
- 4:22 - :target Pseudo Class
- 5:57 - חוויית משתמש של מקש Escape
- 6:16 - מיקוד תזמור
- 6:49 – חוויית משתמש בקורא מסך
- 7:56 - סיום וקריאה לפעולה
מקורות מידע:
- קוד לאורך ← https://goo.gle/3sQ8Xif
- אתם מוזמנים לקרוא את המאמר הבא: https://goo.gle/2Np83J9
- רוצים לנסות הדגמה? ← http://goo.gle/3bVBFYT
- רוצים לראות איך אחרים יוצרים הנחיות צדדיות (שליחת GUI) ← https://goo.gle/36CAeuO
לצפייה באתגרים נוספים של ממשק ה-GUI ← https://goo.gle/GUIchallenges
הירשמו למפתחי Google Chrome ← http://goo.gl/LLLNvf