לחשוב על דרכים לפתרון בעיה של SIDENAV
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
באתגר ממשק המשתמש הגרפי (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 - סיום וקריאה לפעולה
מקורות מידע:
לצפייה באתגרים נוספים של ממשק ה-GUI ← https://goo.gle/GUIchallenges
הירשמו למפתחי Google Chrome ← http://goo.gl/LLLNvf
arrow_back חזרה לכל הפרקים
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2021-01-21 (שעון UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"חסרים לי מידע או פרטים"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"התוכן מורכב מדי או עם יותר מדי שלבים"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"התוכן לא עדכני"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"בעיה בתרגום"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"בעיה בדוגמאות/בקוד"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"סיבה אחרת"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"התוכן קל להבנה"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"התוכן עזר לי לפתור בעיה"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"סיבה אחרת"
}]
{"lastModified": "\u05e2\u05d3\u05db\u05d5\u05df \u05d0\u05d7\u05e8\u05d5\u05df: 2021-01-21 (\u05e9\u05e2\u05d5\u05df UTC)."}
[[["התוכן קל להבנה","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-01-21 (שעון UTC)."],[],[]]