Nouveautés de Chrome 57

Pete LePage

  • Chrome 57 est compatible avec display: grid, la nouvelle spécification de mise en page en grille CSS.
  • Vous pouvez désormais personnaliser l'entrée utilisateur sur l'écran de verrouillage et les notifications et y répondre à l'aide de la nouvelle API Media Session.
  • Et il y en a beaucoup d'autres !

Je m'appelle Pete LePage. Découvrons ensemble les nouveautés de Chrome 57 pour les développeurs.

Mise en page sous forme de grille CSS

Flexbox est un puissant outil de mise en page. Il permet de nombreuses mises en page complexes, mais il ne peut effectuer la mise en page que dans une seule dimension. Chrome 57 est compatible avec display: grid, la nouvelle spécification de mise en page en grille CSS, qui ajoute un nouvel outil puissant pour créer des systèmes de mise en page en deux dimensions basés sur une grille, optimisés pour une conception d'interface utilisateur responsive.

Les éléments de la grille peuvent s'étendre sur plusieurs colonnes ou lignes. Les régions d'une grille CSS peuvent également être nommées, ce qui facilite la compréhension du code de mise en page.

Surma publie un post de mise à jour à ce sujet. Lorsque vous serez prêt à en savoir plus, consultez le site de Rachel Andrew : GridByExample.com.

API Media Session

L'une des fonctionnalités manquantes des applications multimédias Web est la possibilité de s'intégrer étroitement à l'expérience multimédia de base sur les appareils mobiles. Dans Chrome pour Android, vous pouvez désormais personnaliser l'écran de verrouillage et les notifications avec du contenu multimédia à l'aide de la nouvelle API Media Session.

En fournissant au navigateur des métadonnées concernant le contenu en cours de lecture, vous pouvez créer un message enrichi sur l'écran de verrouillage, qui inclut des informations telles que le titre, l'artiste, le nom de l'album et la pochette. Vous pouvez également écouter et répondre aux actions de l'utilisateur effectuées dans la notification elle-même, comme rechercher ou ignorer la notification.

Si vous voulez commencer rapidement, François a publié un post sur les mises à jour très utile. Vous pouvez également consulter le dépôt officiel d'exemples de sessions multimédias Chrome sur GitHub.

Et bien plus !

Et ce n'est pas tout !

  • Certaines améliorations ont été apportées à l'API Payment Request.
  • Vous pouvez spécifier la couleur du curseur d'entrée de texte avec la propriété caret-color.
  • Vous pouvez spécifier des effets visuels, tels que la couleur et le style des lignes, à l'aide de nouvelles propriétés text-decoration.
  • La classe de réponse de l'API Fetch accepte désormais l'attribut .redirected pour éviter les réponses non fiables et réduire le risque de redirecteur ouvert.
  • Tous les alias globaux IndexedDB précédés de -webkit- ont été supprimés après leur abandon dans M38.
  • L'une de mes préférées : les nouvelles méthodes de mise en forme padStart et padEnd, qui simplifient le remplissage des chaînes lors de l'alignement de la sortie de la console ou de l'impression de nombres avec un nombre fixe de chiffres.

Ce ne sont là que quelques-unes des modifications apportées à Chrome 57 pour les développeurs.

Remercier Igalia

Enfin, un grand merci aux ingénieurs et à l'équipe d'Igalia pour leur travail formidable sur Blink. Ils ont joué un rôle déterminant dans le lancement des nouvelles fonctionnalités de grille CSS et caret-color.

Tenez-vous informé

Si vous souhaitez suivre l'actualité de Chrome et connaître les nouveautés à venir, abonnez-vous à notre chaîne ou suivez @ChromiumDev sur Twitter. N'oubliez pas de regarder les vidéos du Sommet des développeurs Chrome pour en savoir plus sur certaines des choses formidables sur lesquelles l'équipe Chrome travaille.

Je m'appelle Pete LePage et, dès la sortie de Chrome 58, je serai là pour vous dire : les nouveautés de Chrome !