רכיבי HowTo – סקירה כללית

רכיבי HowTo

"HowTo: Elements" הם אוסף של רכיבי אינטרנט שמטמיעים ממשק משתמש דפוסים. מטרת ההטמעות האלה היא להיות מקור מידע חינוכי. אפשר לקרוא את ההסברים בצפיפות ובתקווה ללמוד מהם. הערה: במפורש לא ספריית ממשק משתמש ולא ניתן להשתמש בה בסביבת ייצור.

  • <howto-checkbox>: מייצג אפשרות בוליאנית בטופס. הסוג הנפוץ ביותר של תיבת הסימון היא סוג כפול שמאפשר למשתמש לעבור בין שתי אפשרויות – מסומנת ולא מסומנת.
  • <howto-tabs>: מגביל את התוכן הגלוי על ידי הפרדה שלו למספר לוחות.
  • <howto-tooltip>: חלון קופץ שמציג מידע שקשור לרכיב מסוים כשהרכיב מקבל מיקוד במקלדת או שהעכבר מרחף מעליה.

יעדים

המטרה שלנו היא להדגים שיטות מומלצות לכתיבת רכיבים חזקים נגיש, מתפקד, מתחזק וקל לסגנון. כל רכיב בפני עצמו והוא יכול לשמש כיישום עזר.

נגישות

הרכיבים תואמים להנחיות WAI ARIA Authoring שיטות עבודה, שהוא מדריך להסביר ולהראות את ARIA, אפליקציית האינטרנט העשירה הנגישה Standard. אם אתם לא מכירים את ARIA, מומלץ לקרוא את המבוא WebFundamentals. כל רכיב מקשר לקטע הרלוונטי בשיטות ההרשאה. בזמן אינו הכרחי בהחלט, מומלץ לקרוא את הקטע שיטות עבודה לפני שממשיכים לקוד.

ביצועים

בפיתוח אתרים, המונח "ביצועים" אפשר ליישם דברים. בהקשר של <howto>, רמת הביצועים מתייחסת בעיקר לאנימציות. פועלת בעקביות במהירות של 60fps, גם במכשירים ניידים.

גמישות חזותית

עד כמה שניתן, הרכיבים לא מעוצבים בסגנון, מלבד פריסה או ציון מצב שנבחר או מצב פעיל. המטרה היא לשמור על גמישות חזותית של ההטמעה וממוקדות. אם לא משקיעים זמן בקישוטים, אנחנו מגבילים את הקוד רק הוא הכרחי כדי להפוך את פונקציית הרכיב. אם נדרש סגנון כלשהו כדי שהרכיב יפעל, הסגנון יסומן עם הערה שמסבירה את הסיבה לכך.

קוד שניתן לתחזוקה

איך עושים את זה: רכיבים הם הפניה השקענו זמן נוסף בכתיבה של טקסט קריא וקל ניתן להבנה, עם תגובות בצפיפות.

ללא מטרות עסקיות

להיות ספרייה / מסגרת / ערכת כלים

רכיבי <howto> לא מתפרסמים ב-npm, ב-Boer או בכל פלטפורמה אחרת כי הם לא מיועדים לשימוש בשלב הייצור. למען העין, קוד קריא, אנחנו משתמשים בממשקי JavaScript מודרניים ותומכים ב- לדפדפנים שמטמיעים את התקנים של רכיבי האינטרנט. שלך תהיה לך אפשרות להתאים את הקוד לצרכים שלך לאחר קריאת בפועל.

תאימות לאחור

לא כדאי להסתמך על הקוד ישירות. אנחנו עשויים, וסביר מאוד שנעשה, לשנות באופן קיצוני את היישום וה-API של רכיב כלשהו, אם תהליך ההטמעה. זהו משאב חי שבו אנחנו יכולים לשתף, ללמוד ולדון בשיטות מומלצות לפיתוח ממשקי משתמש באינטרנט.

להיות מלאים

נכון לעכשיו אנחנו לא מיישמים (וכנראה לא) את *כל *הרכיבים שיכולים שנמצא ב-WAI ARIA Authoring Practices. עם זאת, שימוש חוזר בעקרונות ברכיבי <howto> אחרים, אמורים לאפשר לקוראים להטמיע כל רכיב שחסרים.