Découvrez certaines fonctionnalités intéressantes qui ont été disponibles dans les 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 implique pour la plate-forme Web.
WebGPU
Chrome 113 inclut WebGPU, le successeur des API graphiques WebGL et WebGL 2 pour le Web. Elle offre des fonctionnalités modernes telles que le calcul GPU, un accès moins coûteux au matériel GPU, la possibilité d'effectuer un rendu sur plusieurs canevas à partir d'un seul appareil graphique, et des performances améliorées et plus prévisibles.
Ensembles internes
Les ensembles internes (FPS) font partie de la Privacy Sandbox. Il permet aux organisations de déclarer des relations entre les sites, de sorte que les navigateurs puissent décider quand autoriser l'accès limité aux cookies tiers pour les sites d'un ensemble. FPS a commencé un déploiement par étapes dans Chrome 113.
Fonctionnalités CSS multimédias et plus
Pour CSS, Chrome 113 inclut les fonctionnalités multimédias overflow-inline et overflow-block.
La fonctionnalité multimédia update.
La fonction de lissage de vitesse linear() est également incluse. Pour en savoir plus, consultez l'article Créer des courbes d'animation complexes en CSS avec la fonction de lissage de vitesse linear().
Navigateurs pris en charge
- 113
- 113
- 112
- 17.2
Fonctionnalités de niveau de couleur 4 CSS
Firefox 113 inclut les notations fonctionnelles color(), lab(), lch(), oklab(), oklch() et color-mix(), ainsi que la propriété d'ajustement des couleurs forcé. Les nouveaux espaces colorimétriques et fonctions sont désormais pris en charge par les trois principaux moteurs. Pour en savoir plus sur ces fonctions et espaces de couleur, consultez le guide des couleurs CSS haute définition.
Plus de contrôle sur les sélections :nth-child()
Firefox 113 permet également de transmettre une liste de sélection à :nth-child() et nth-last-child(). Pour en savoir plus et consulter des exemples, consultez l'article Contrôler davantage les sélections :nth-child() avec la syntaxe de S.
Navigateurs pris en charge
- 111
- 111
- 113
- 9
API Compressions Streams
Désormais prise en charge par les trois principaux moteurs grâce à son inclusion dans Firefox 113, l'API Compressions Streams permet la compression et la décompression des flux. Cela signifie que les applications JavaScript n'ont plus besoin de regrouper une bibliothèque de compression.
Imbrication CSS
Safari 16.5 a principalement résolu les problèmes, mais prend également en charge l'imbrication CSS avec le nouveau sélecteur d'imbrication >, qui permet d'imbriquer des règles de style associées, d'une manière que les développeurs ayant utilisé des préprocesseurs connaissent bien:
.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. Cela vous permet d'équilibrer les titres et d'éviter d'avoir un seul mot sur la dernière ligne, et d'obtenir un résultat plus agréable et lisible. Pour en savoir plus, consultez la section Texte-wrap CSS: solde.
CHIPS: Les cookies disposant d'un état partitionné indépendant
Dans le cadre de l'abandon progressif des cookies tiers, CHIPS permet d'activer les cookies tiers partitionnés par site de premier niveau à l'aide du nouvel attribut de cookie Partitioned. CHIPS est disponible dans Chrome 114.
API Popover
L'API Popover est également disponible dans Chrome 114. Elle permet de créer plus facilement des éléments d'interface utilisateur (UI) temporaires qui s'affichent au-dessus de toutes les autres interfaces utilisateur d'applications Web.
Il peut s'agir d'éléments interactifs comme des menus d'actions, des suggestions d'éléments de formulaire, des sélecteurs de contenu et des interfaces utilisateur pédagogiques.
Le nouvel attribut pop-over permet d'afficher automatiquement n'importe quel élément dans la couche supérieure. Ainsi, le développeur n'a 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 pop-over.
Versions bêta des navigateurs
Les versions bêta vous donnent un aperçu de ce qui sera disponible dans la prochaine version stable du navigateur. C'est le moment idéal pour tester de nouvelles fonctionnalités, ou des suppressions, qui pourraient avoir un impact sur votre site, avant qu'elles soient publiées. 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. Pour en savoir plus, consultez les notes de version, dont quelques-unes des principales caractéristiques.
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 comme d'anciens mots clés. Une fois dans la version stable de Chrome, les différentes valeurs sont disponibles dans tous les moteurs.
Chrome 115 comprend également les extensions ScrollTimeline et ViewTimeline de la spécification Web Animations. Celles-ci permettent d'utiliser des animations liées au défilement via CSS et JavaScript.
Firefox 114 inclut l'API WebTransport, une mise à jour moderne de WebSockets qui permet la prise en charge de plusieurs flux, de flux unidirectionnels et de la diffusion dans le désordre.
Fait partie de la série Web "New to the Web Series"