Découvrez certaines des fonctionnalités intéressantes qui ont été intégrées aux navigateurs Web stables et bêta en mai 2023.
Versions stables du navigateur
En mai 2023, Firefox 113, Chrome 113, Chrome 114 et Safari 16.5 sont devenus stables. Voyons ce que cela signifie pour la plate-forme Web.
WebGPU
Chrome 113 inclut WebGPU, successeur des API graphiques WebGL et WebGL 2 pour le Web. Il offre des fonctionnalités modernes telles que le calcul GPU, un accès moins lourd au matériel GPU, la possibilité de créer des éléments graphiques sur plusieurs canevas à partir d'un seul appareil graphique, et des performances meilleures et plus prévisibles.
Ensembles propriétaires
Les ensembles propriétaires font partie de la Privacy Sandbox. Il s'agit d'un moyen pour les organisations de déclarer des relations entre des sites, afin que les navigateurs puissent décider quand autoriser un accès limité des cookies tiers pour les sites d'un ensemble. Le FPS a commencé à être déployé par étapes dans Chrome 113.
Fonctionnalités multimédias CSS et plus
Pour CSS, Chrome 113 inclut les fonctionnalités multimédias overflow-inline
et overflow-block
.
Et la fonctionnalité multimédia update
.
La fonction de lissage de vitesse linear()
est également disponible. Pour en savoir plus, consultez l'article Créer des courbes d'animation complexes en CSS à l'aide de la fonction de lissage de vitesse linear()
.
Navigateurs pris en charge
Fonctionnalités CSS de niveau 4 de couleur
Firefox 113 inclut les notations fonctionnelles color()
, lab()
, lch()
, oklab()
, oklch()
et color-mix()
, ainsi que la propriété forced-color-adjust. Cela signifie que les nouveaux espaces et fonctions de couleurs sont désormais compatibles avec les trois principaux moteurs. Pour en savoir plus sur ces espaces de couleurs et ces fonctions, consultez le guide des couleurs CSS haute définition.
Plus de contrôle sur :nth-child()
sélection(s)
Firefox 113 permet également de transmettre une liste de sélecteurs à :nth-child()
et nth-last-child()
. Pour en savoir plus et voir des exemples, consultez l'article Contrôler davantage les sélections :nth-child() avec la syntaxe of S.
Navigateurs pris en charge
API Compressions Streams
Désormais compatible avec les trois principaux moteurs grâce à son inclusion dans Firefox 113, l'API Compressions Streams permet de compresser et de décompresser des flux. Cela signifie que les applications JavaScript n'ont plus besoin de regrouper une bibliothèque de compression.
Encapsulation CSS
Safari 16.5 a principalement résolu les problèmes, mais il est également compatible avec l'imbrication CSS, avec le nouveau sélecteur d'imbrication >
, utilisé pour imbriquer des règles de style associées, de manière familière pour les développeurs qui ont utilisé des préprocesseurs :
.nesting {
color: hotpink;
> .is {
color: rebeccapurple;
> .awesome {
color: deeppink;
}
}
}
Équilibrer les titres avec text-wrap: balance
À partir de Chrome 114, vous pouvez utiliser text-wrap: balance
. Vous pouvez ainsi équilibrer les titres, éviter d'avoir un seul mot sur la dernière ligne et obtenir un résultat plus agréable et lisible. Pour en savoir plus, consultez CSS text-wrap: balance.
CHIPS : Cookies Having Independent Partitioned State
Dans le cadre de l'abandon progressif des cookies tiers, CHIPS permet d'activer le partitionnement des cookies tiers par site de premier niveau à l'aide du nouvel attribut de cookie Partitioned
. CHIPS est disponible dans Chrome 114.
API Popover
Chrome 114 inclut également l'API Popover, qui permet de créer plus facilement des éléments d'interface utilisateur (UI) temporaires qui s'affichent au-dessus de toutes les autres UI d'applications Web.
Il s'agit d'éléments interactifs avec l'utilisateur, comme les menus d'action, les suggestions d'éléments de formulaire, les sélecteurs de contenu et l'UI d'enseignement.
Le nouvel attribut popover permet d'afficher automatiquement n'importe quel élément dans la couche supérieure. Le développeur n'a donc plus à se soucier du positionnement, de l'empilement des éléments, de la sélection ou des interactions avec le clavier.
Pour en savoir plus, consultez Présentation de l'API popover.
Versions bêta des navigateurs
Les versions bêta du navigateur vous donnent un aperçu des nouveautés de la prochaine version stable du navigateur. C'est le moment idéal pour tester les nouvelles fonctionnalités ou les suppressions qui pourraient avoir un impact sur votre site avant que tout le monde ne les ait. Les nouvelles versions bêta sont Firefox 114, Chrome 115 et Safari 16.6. Ces versions apportent de nombreuses fonctionnalités intéressantes à la plate-forme. Consultez les notes de version pour obtenir tous les détails, dont voici quelques-unes des principales.
Chrome 115 inclut plusieurs valeurs pour la propriété CSS display
. Cela signifie que display: flex
devient display: block flex
et display: block
devient display: block flow
. Les valeurs uniques sont conservées en tant qu'anciens mots clés. Une fois dans la version stable de Chrome, les valeurs multiples sont disponibles pour tous les moteurs.
Chrome 115 inclut également les extensions ScrollTimeline
et ViewTimeline
de la spécification Web Animations. Elles permettent d'activer les animations déclenchées par le défilement via CSS et JavaScript.
Firefox 114 inclut l'API WebTransport, une mise à jour moderne de WebSockets qui prend en charge plusieurs flux, des flux unidirectionnels et la diffusion hors séquence.
Partie de la série Nouveau sur le Web