Nouveautés de Chrome 114

Adriana Jara

Voici les informations à retenir :

  • Le CSS text-wrap: balance est disponible pour améliorer les mises en page de texte.
  • Les cookies partitionnés par site de premier niveau (CHIPS) se trouvent ici.
  • Les pop-ups n'ont jamais été aussi simples à créer grâce à l'API Popover.
  • Et ce n'est pas tout : bien d'autres fonctionnalités sont disponibles.

Je m'appelle Adriana Jara. Voyons ce que Chrome 114 propose aux développeurs.

text-wrap:balance.

Utilisez text-wrap: balance pour améliorer les mises en page de texte. L'animation ci-dessous montre l'impact de cette seule ligne.

Essayer une démonstration

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 un traitement efficace du retour à la ligne. Étant donné que le navigateur connaît tous les facteurs, vous pouvez demander au navigateur de trouver la meilleure solution d'ajustement des lignes avec text-wrap:balance.

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

Le bloc de texte équilibré est plus agréable à l'œil du lecteur. Il attire mieux l'attention et est globalement plus facile à lire.

L'équilibrage des titres est le cas d'utilisation principal de text-wrap: balance et doit l'être. L'équilibrage du texte a un coût en termes de performances. Pour limiter ce coût, cette fonctionnalité ne fonctionne que pour un maximum de quatre lignes.

Consultez cet article pour découvrir des exemples et d'autres informations qui vous aideront à améliorer la mise en page de votre texte.

CHIPS: Cookies Having Independent Partitioned State

CHIPS (Cookies Having Independent Partitioned State) permet d'activer la partitionnement des cookies tiers par site de premier niveau à l'aide du nouvel attribut de cookie Partitioned.

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

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

Bien que le suivi intersites soit un problème, il existe des besoins légitimes de cookies intersites qui peuvent être satisfaits de manière respectueuse de la confidentialité grâce à la partitionnement des cookies.

Avec CHIPS, lorsqu'un utilisateur consulte 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 que le site C définit lorsqu'il est intégré sur le site A. Le navigateur n'envoie ce cookie que lorsque le site de premier niveau est A.

Schéma illustrant les sites et le stockage partitionné 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 lorsque C a été intégré au site A.

Pour en savoir plus sur le processus d'abandon des cookies tiers, consultez cet article.

L'API Popover.

L'API Popover permet de créer plus facilement des éléments d'interface utilisateur temporaires qui s'affichent au-dessus de toutes les autres interfaces utilisateur 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.

Il est semblable à l'élément <dialog>, mais présente plusieurs différences importantes, y compris le comportement de fermeture de la fenêtre, la gestion des interactions avec le popover, 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, il y a bien d'autres choses.

Documentation complémentaire

Il ne s'agit que de quelques points clés. Consultez les liens ci-dessous pour en savoir plus sur les modifications supplémentaires dans Chrome 114.

S'abonner

Pour vous tenir informé, abonnez-vous à la chaîne YouTube des développeurs Chrome. Vous recevrez alors une notification par e-mail chaque fois que nous lancerons une nouvelle vidéo.

Yo soy Adriana Jara, et dès que Chrome 115 sera disponible, je serai là pour vous présenter les nouveautés de Chrome.