איך משתמשים ב-Baseline

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

איך עובד Baseline

התכונה 'נקודת בסיס' מציעה בהירות בהודעות באמצעות שלושה ספים. הסף הזה מציין את רמת יכולת הפעולה ההדדית בסט הליבה של הדפדפנים: Chrome ל-Android ולמחשב, Firefox ל-Android ולמחשב, Safari ב-macOS וב-iOS ו-Edge. כשרואים את התוויות והסמלים האלה, אפשר להבין במהירות עד כמה תכונות האינטרנט מושרשות במנועי דפדפן מודרניים:

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

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

מידע נוסף

הוספת Baseline לפרויקט

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

שימוש ב-Baseline עם Browserslist

אפשר להוסיף את Baseline לכלי האריזה ואיתור השגיאות בקוד (linting) של הפיתוח. שאילתות ספציפיות ל-Baseline מוטמעות עכשיו ב-Browserslist.
מידע נוסף
ב-codelab הזה מוסבר איך לשלב את Baseline בפרויקט אינטרנט באמצעות webpack,‏ Babel ו-PostCSS.
מידע נוסף

צפייה בהדגמות של קהל הבסיס

אם אתם מחפשים השראה שתעזור לכם להבין איך אפשר להשתמש ב-Baseline בפרויקטים שלכם – משילובים של כלים ועד לתכונות נפרדות – כדאי לעיין בהדגמות האלה של שילובים של כלים כדי להתחיל:

כאן תלמדו איך ליצור תבניות של ממשקי משתמש לחלונות מודאליים ולהנחיות באמצעות התכונות <dialog> וחלון קופץ באינטרנט.
מידע נוסף
גלריות תמונות הן דפוס נפוץ בממשק המשתמש באינטרנט. כאן מוסבר איך ליצור תוכנית באמצעות תכונות בסיסיות.
מידע נוסף
במדריך הזה מוסבר איך להשתמש בשאילתות של מאגרי CSS כדי להוסיף טיפוגרפיה וסגנונות רספונסיביים בהתאם לממדים של מאגר האב.
מידע נוסף

ערך בסיס ו-webpack

כאן מוסבר איך להשתמש ב-Baseline עם פרויקט webpack.
מידע נוסף
איך משתמשים ב-Baseline עם פרויקט Rollup
מידע נוסף

ערך בסיס ו-polyfills

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

מידע נוסף

יצירת כלים משלכם לשימוש כבסיס

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

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