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.
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.
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é.
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.
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.
- Les outils de développement vous permettent de suspendre et de déboguer du code C et C++ dans les applications WebAssembly compatibles avec DWARF.
- L'option
exclusionFilters
dansnavigator.bluetooth.requestDevice()
permet aux développeurs Web d'exclure certains appareils du sélecteur de navigateur. - Une phase d'évaluation est disponible pour le flou d'arrière-plan.
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.
- Nouveautés des outils pour les développeurs Chrome (114)
- Abandons et suppressions de Chrome 114
- Mises à jour du site ChromeStatus.com pour Chrome 114
- Liste des modifications du dépôt source Chromium
- Agenda des versions Chrome
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 !