כאן תוכלו לגלות רק חלק מהתכונות שמאפשרות הפעלה הדדית במהלך שנת 2022.
סיימנו שנה נוספת, וזה הזמן לבחון את השיפורים שבוצעו על ידי הדפדפנים, בזמן שאנחנו עובדים ביחד כדי לשפר את יכולת הפעולה ההדדית של פלטפורמת האינטרנט. בפוסט שלנו בחודש מרץ השנה תוכלו לראות איך הדברים התחילו, בזמן שהיוזמה הושקה.
הציונים הכוללים בסוף השנה מצביעים על שיפור משמעותי בכל המנועים.
בפוסט הזה תוכלו לקרוא על ההתקדמות שלכם במהלך שנת 2022. בנוסף לתכונות האלה של כותרות, בוצעו שיפורים קטנים רבים שכל המנועים ביצעו. תוקנו בעיות קטנות שעלולות לגרום לחוסר עקביות בין המנועים לבין התקעים במהלך הפיתוח. בהחלט מלהיב לראות תכונות גדולות שזמינות בדפדפנים שונים, אבל לפעמים מדובר בדברים הקטנים שגורמים להכי הרבה בעיות, ונהדר לראות עד כמה אנחנו משפרים את הביצועים.
שכבות מדורגות
שכבות מדרגות מאפשרות לנהל את הדירוג על ידי קיבוץ סלקטורים לשכבות. מדובר בתכונה שמועילה רק אם היא נתמכת בכל מקום. כל המנועים העיקריים תומכים עכשיו בשכבות מדורגות, והציונים בכל הדפדפנים משקפים את יכולת הפעולה ההדדית של התכונה, ונשארו רק עוד כמה בדיקות שצריך לעבור ב-Firefox.
רכיב תיבת הדו-שיח
אלמנט תיבת הדו-שיח מאפשר ליצור תיבות דו-שיח מודאליות ולא מודאליות. זהו דפוס נפוץ באינטרנט, והשימוש ברכיב הזה מעניק לך נוחות ונגישות, שאחרת היית צריך לפתח ולבדוק בעת יצירת רכיבים משלך. במאמר בניית רכיב של תיבת דו-שיח, אדם ארגייל מסביר איך לבנות על הרכיב הזה כדי ליצור סוגים שונים של תיבות דו-שיח.
רשת משנה
בתחילת 2022, הדפדפן היחיד שתומך בערך subgrid עבור grid-template-rows ו-grid-template-columns היה Firefox. במהלך 2022 התקבלו ב-Safari תמיכה, והתכונה נמצאת בשלבי פיתוח ב-Chrome. זה עוד לא יהיה התאריך האחרון של סוף השנה בנושא יכולת פעולה הדדית, אבל הוא בדרך.
יחידות באזור התצוגה
יחידות נקודת מבט הן התכונה היחידה שקיבלה 100% מהבדיקות שעברו בהצלחה בכל המנועים. זה כולל את המושגים של אזור התצוגה הקטן והגדול, שמשקלל את גודל אזור התצוגה בנייד כאשר רכיבי ממשק המשתמש של המכשיר מופיעים ונעלמים. ניתן לקבל מידע נוסף על היחידות האלה בפוסט יחידות תצוגה גדולות, קטנות ודינמיות.
תמיכה בדפדפן
- 108
- 108
- 101
- 15.4
צבע 4
האיסוף של עבודת צבעים מאפשר ל-CSS לציין לא רק צבעים בסולם הגדרה גבוה יותר (לדוגמה, display p3 או rec2020), אלא גם מספק פונקציות צבע חדשות, שלכל אחת מהן יש כלים ייחודיים לעבודה עם צבעים. מרחבי הצבעים החדשים הם lch(), oklch(), lab(), oklab(), display-p3, rec2020, a98-rgb, prophoto-rgb, xyz, xyz-d50, xzy-d65: כדאי לנסות את האפשרויות האלה ב-Canary עוד היום כאשר הדגל הזה מופעל. השינויים האלה חלים גם על שיפועים, וכך המחברים יכולים לציין באיזה מרחב צבעים נעשה שימוש בהדרגתיות שלהם. אותו דגל גם מפעיל תמיכה ב-color-mix(), ומאפשר לכם לשלב שני צבעים יחד באזור הרצוי. הפונקציה color-mix() נמצאת גם מאחורי דגל ב-Safari וב-Firefox. יותר צבעים, צבעים טובים יותר, הדרגה טובה יותר וכלים טובים יותר.
יכולת פעולה הדדית 2023
חשוב לי לדעת שלא מתכננים להפסיק את התוכנית בסוף 2022, ושאנחנו כבר נמצאים בשלב התכנון הראשוני ב-Interop 2023. בשנה החדשה נוכל להודיע על התכונות שנבחרו, ומחכים לשנה נוספת שבה יהיה קל יותר לפתח אותם באינטרנט.
תמונה ראשית (Hero) של איאן שניידר.