Nouveautés de Chrome 114

Adriana Jara

Voici les informations à retenir :

  • Le CSS text-wrap: balance est disponible pour améliorer la mise en page du texte.
  • Vous trouverez ici les cookies partitionnés par site de premier niveau (CHIPS).
  • Grâce à l'API Popover, il n'a jamais été aussi simple d'afficher des fenêtres pop-up.
  • Et ce n'est pas tout : ce n'est pas tout.

Je m'appelle Adriana Jara. Découvrons ensemble les nouveautés de Chrome 114 pour les développeurs.

text-wrap:balance.

Utilisez text-wrap: balance pour améliorer la mise en page du texte. L'animation ci-dessous montre la différence que vous pouvez apporter à cette ligne.

Essayer une démo

En tant que développeur, vous ne connaissez pas la taille finale, la taille de la police, ni même la langue du texte. Toutes les variables sont nécessaires pour traiter efficacement le retour à la ligne automatique. Étant donné que le navigateur connaît tous les facteurs, avec text-wrap:balance, vous pouvez lui demander de trouver la solution de retour à la ligne la plus équilibrée possible.

Les deux exemples précédents sont présentés ensemble, l'un est marqué comme déséquilibré et l'autre comme équilibré.

Le bloc de texte équilibré est plus agréable à regarder pour un lecteur. Elle attire mieux l'attention et est globalement plus facile à lire.

Trouver l'équilibre entre les titres sera et devrait être le cas d'utilisation principal de text-wrap: balance. L'équilibre du texte a un coût en termes de performances. Par conséquent, pour réduire les coûts, il ne fonctionne que pour quatre lignes au maximum.

Pour découvrir comment améliorer la mise en page de votre texte, consultez cet article. Il contient des exemples et d'autres informations.

CHIPS: Cookies Has Independent Partitioned State.

CHIPS (Cookies With Independent Partitioned State) : permet d'activer les cookies tiers partitionnés par le site de premier niveau à l'aide du nouvel attribut de cookie Partitioned.

Avant CHIPS, lorsqu'un utilisateur visitait le site A, le site intégré C pouvait placer un cookie sur la machine de l'utilisateur. Si l'internaute visite ensuite le site B, qui intègre également le site C, ce site pourrait accéder au même cookie que celui défini sur le site A. Cela permet au site C de compiler l'activité de navigation d'un utilisateur sur les sites A, B et tous les sites sur lesquels il est intégré.

Diagramme illustrant les sites et le stockage avec des cookies non partitionnés

Bien que le suivi intersites soit un problème, il existe des besoins valides en termes de cookies intersites, qui peuvent être satisfaits tout en préservant la confidentialité grâce au partitionnement des cookies.

Avec CHIPS lorsqu'un utilisateur visite le site A et que le contenu intégré du site C définit un cookie avec l'attribut partitionné, le cookie est enregistré dans un fichier JAR partitionné uniquement pour les cookies définis par le site C lorsqu'il est intégré au site A. Le navigateur n'enverra ce cookie que si le site de premier niveau est A.

Schéma illustrant les sites et l'espace de stockage parité avec des cookies.

Lorsque l'utilisateur visite un nouveau site, par exemple le site B, le site C ne reçoit pas le cookie défini lors de l'intégration de C au site A.

Consultez cet article pour en savoir plus sur le processus d'élimination progressive des cookies tiers.

API Popover.

Avec l'API Popover, il est plus facile de créer des éléments d'interface utilisateur (UI) temporaires qui s'affichent au-dessus de toutes les autres UI 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.

Cet élément est semblable à l'élément <dialog>, mais présente plusieurs différences importantes, y compris le comportement de fermeture légère, la gestion des interactions avec une fenêtre pop-up, la prise en charge des événements et l'absence de mode "modal".

Pour en savoir plus, consultez cet article.

Et bien plus !

Bien sûr, ce n'est pas tout.

Complément d'informations

Nous n'aborderons ici que certains points clés. Consultez les liens ci-dessous pour en savoir plus sur les modifications supplémentaires apportées à Chrome 114.

S'abonner

Pour ne rien manquer, abonnez-vous à la chaîne YouTube des développeurs Chrome. Vous recevrez une notification par e-mail chaque fois qu'une nouvelle vidéo sera lancée.

Adriana Jara, soja, et dès la sortie de Chrome 115, je serai là pour vous dire quelles nouveautés Chrome sont disponibles !