Plateforme web Baseline 2023

• Baseline : une ligne de base qui indique si une fonctionnalité de la plateforme web est prête à être utilisée dans les principaux navigateurs. Elle comporte 2 étapes (elle entre d’abord en Newly, puis devient Widely après 30 mois)
  • Désormais, Baseline est aussi introduit sur le site Can I Use, avec des badges Newly/Widly affichés pour certaines fonctionnalités
• Requête de conteneur sur la taille des éléments
• Nouveaux espaces colorimétriques et nouvelles fonctions : accès à des couleurs hors de la gamme sRGB, lch()/lab()/oklch()/oklab(), color-mix(), color()
• Compression Streams API
• Offscreen Canvas : rendu séparé du DOM. Amélioration des performances et prise en charge possible de WebWorker
• Prise en charge de Module Preload
• Les fonctions trigonométriques sont incluses dans la baseline : sin(), cos(), tan(), asin(), acos(), atan(), atan2()
• Attribut inert : lorsqu’il est défini, l’élément devient inerte et toute interaction est impossible (aucun événement click, ne peut pas recevoir le focus, exclu de l’arbre d’accessibilité)
• Prise en charge de Subgrid dans les mises en page CSS Grid
• NumberFormat V3
• Fullscreen API
• Sélecteur CSS :has()
• Autres fonctionnalités ajoutées à Baseline cette année
  • Constructable Stylesheets
  • Sélecteurs nth-child complexes en CSS
  • Syntaxe d’intervalle pour les media queries
  • Import Maps
  • Valeurs multiples pour display en CSS
  • @counter-style
  • Propriété CSS counter-set
  • Fonction d’easing linear()
  • Origin Private File System (OPFS)
  • CSS Nesting, y compris le changement ajoutant un parsing plus souple
  • Pseudo-classe CSS :dir()
  • Unité de longueur CSS cap
  • Masquage CSS
  • Prise en charge des media queries pour les éléments HTML vidéo <source>
  • Élément HTML <search>
  • Chargement différé des éléments <iframe> (arrive dans Firefox 121 le 19 décembre)
  • Les unités CSS de hauteur de ligne lh et rlh

[kyc1682]

Je suis ravi qu’autant de super fonctionnalités aient été ajoutées à CSS.