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

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

Rachel Andrew

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

באפריל 2023, Firefox 112 ו-Chrome 112 התייצבו. נבחן את המשמעות מבחינת פלטפורמת האינטרנט.

המאפיין inert

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

  • מניעת ההפעלה של click אירועים.
  • מונע מהרכיב לקבל מיקוד.
  • לא כולל את הרכיב ואת התוכן שלו מעץ הנגישות.

למאפיין הזה יש עכשיו יכולת פעולה הדדית בכל שלושת המנועים.

תמיכה בדפדפן

  • 102
  • 102
  • 112
  • 15.5

מקור

פונקציית ההתאמה linear()

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

תמיכה בדפדפן

  • 113
  • 113
  • 112
  • 17.2

קינון CSS

ב-Chrome 112 נוספה תמיכה ב-CSS Nesting, תכונה שמפתחים רבים מצפים לה. הוספנו בורר קינון חדש >, שמשמש לקינון כללי סגנונות קשורים, באופן שיהיה מוכר למפתחים שהשתמשו במעבדי מידע מראש:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

תמיכה בדפדפן

  • 120
  • 120
  • 117
  • 17.2

מקור

שירות CSS animation-composition

גרסה 112 של Chrome כוללת גם תמיכה ב-animation-composition. מידע נוסף על אופן הפעולה של המאפיין הזה זמין במאמר ציון האופן שבו אפקטי אנימציה מרובים צריכים לשלב עם קומפוזיציה של אנימציה.

תמיכה בדפדפן

  • 112
  • 112
  • 115
  • 16

מקור

מצב 'דפדפן ללא GUI' חדש

אם אתם משתמשים במצב 'דפדפן ללא GUI' של Chrome, לדוגמה ב-Puppeteer, 112 מספק מצב חדש לגמרי של 'דפדפן ללא GUI'. ניתן לקרוא על כך במאמר בנושא שדרוג המצב 'דפדפן ללא GUI' של Chrome.

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

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

דפדפן Firefox 113 כולל את הפונקציות color(), lab(), lch(), oklab() ו-oklch(). נכללת גם הפונקציה color-mix() מצבע CSS 5, והמאפיין forced-color-adjust.

Firefox כולל גם את התחביר nth-child of <selector>, כך שתוכלו לשלוט טוב יותר באלמנטים שרוצים לבחור. מידע נוסף זמין במאמר שליטה רבה יותר על בחירות :nth-child() עם תחביר S.

בגרסה CSS, גרסה 113 של Chrome כוללת את תכונות המדיה overflow-inline, overflow-block ו-update. נכללת גם בפונקציית ההתאמה linear() ובסוג image-set() ללא קידומת.

גרסה 113 של Chrome כוללת גם את WebGPU, היורש של ממשקי ה-API הגרפיים WebGL ו-WebGL 2 עבור האינטרנט. הוא מספק תכונות מודרניות כגון מחשוב GPU, גישה נמוכה יותר בתקורה לחומרת GPU, יכולת לבצע עיבוד למספר הדפסות על קנבס ממכשיר גרפי אחד, וביצועים טובים יותר וצפויים יותר.

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