פעולות הדדיות בשנת 2022: עדכון לסוף השנה

אנחנו מזמינים אתכם לראות רק כמה מהתכונות שהתאפשרו לפעול בצורה הדדית במהלך שנת 2022.

רייצ'ל אנדרו

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

הציונים הכוללים בסוף השנה מצביעים על שיפור משמעותי בכל המנועים.

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

דרג שכבות

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

הרכיב של תיבת הדו-שיח

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

רשת משנה

בתחילת 2022, הדפדפן היחיד שתומך בערך subgrid עבור grid-template-rows ו-grid-template-columns היה Firefox. במהלך 2022 הגיעה תמיכה ב-Safari, והתכונה נמצאת בפיתוח ב-Chrome. הוא יחמיץ את המועד האחרון ליכולת פעולה הדדית של סוף השנה, אבל הוא עוד בדרך.

יחידות אזור התצוגה

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

צבע 4

האוסף הזה של עבודת צבעים מאפשר ל-CSS לציין צבעים לא רק במסגרות צבעים באיכות גבוהה יותר (לדוגמה, הצג את 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, ושהפעולות ההדדיות 2023 כבר נמצאות בעיצומו של שלב התכנון הראשוני. בשנה האזרחית החדשה נוכל להכריז על התכונות שנבחרו, ומקווים לשנה נוספת שבה יהיה קל יותר לפתח אותה עבור האינטרנט.

תמונה ראשית (Hero) מאת איאן שניידר.