תכנים חדשים בפלטפורמת האינטרנט בפברואר

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

גרסאות יציבות של דפדפנים

בפברואר, גרסאות Chrome 98 ו-Firefox 97 התייצבו.

Chrome 98 שלח את השיטה self.structuredClone. היא יוצרת שכפול עמוק של ערך באמצעות אלגוריתם השכפול המובנה. מידע נוסף על structuredClone().

תמיכה בדפדפן

  • 98
  • 98
  • 94
  • 15.4

מקור

Firefox 97 כולל את Cascade Layers (שכבות מדורגות). ה-@layer ברמת הכלל מגדיר שכבת מדורג, ועוזר לכם לשלוט על הספציפיות.

@layer framework {
  /* creates a new layer named framework */
}

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

תמיכה בדפדפן

  • 99
  • 99
  • 97
  • 15.4

מקור

Firefox מספק גם את הנכס scrollbar-gutter. בעזרת המאפיין הזה אפשר להסיר שינויי פריסה שנגרמו על ידי סרגל גלילה שמופיע ככל שהתוכן גדל.

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

.container {
  scrollbar-gutter: stable both-edges;
}

תמיכה בדפדפן

  • 94
  • 94
  • 97

מקור

ב-Chrome 98 יש תמיכה בגופנים וקטוריים עם הדרגה של צבעים COLRv1 כפורמט חדש נוסף של גופנים. גופן צבעוני מכיל גליפים עם כמה צבעים, כמו למשל אמוג'י, דגל מדינה או אות צבעונית.

מידע נוסף על פורמט הגופן החדש הזה ב-COLRv1 Color Gradient Vector Fonts ב-Chrome 98.

גרסאות של דפדפן בטא

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

גרסאות הבטא החדשות בפברואר היו Chrome 99 ו-Firefox 98. Safari Beta 15.4 עדיין נמשך, והסברתי חלק מהפרטים שנכללו בחודש שעבר.

Chrome 99 כולל 'שכבות מדורגים', יחד עם 'שכבות מדורגות' גם ב-Safari Beta 15.4. אנחנו צפויים לראות בקרוב את התכונה הזו בכל הדפדפנים של קמפיינים לטווח ארוך.

בנוסף, בגרסה 99 של Chrome יש כמה מאפיינים חדשים ל-CanvasRenderingContext2D ושיטת showPicker() חדשה ב-HTMLInputElement שבעזרתה אפשר להציג בוחר דפדפנים להצגת תאריך, שעה, צבע וקבצים.

ב-Firefox 98 יופיע הרכיב <dialog>. תכונה נוספת שתהיה בכל הדפדפנים לטווח ארוך ברגע שגרסאות הבטא של Firefox ו-Safari יתייצבו.

כל תכונות הבטא האלה יגיעו בקרוב לדפדפנים יציבים.

חלק מסדרת סרטונים חדשה באינטרנט