- Chrome 57 est compatible avec
display: grid, la nouvelle spécification de mise en page CSS Grid. - Vous pouvez désormais personnaliser et répondre aux entrées utilisateur sur l'écran de verrouillage et les notifications à l'aide de la nouvelle API Media Session.
- Et ce n'est pas tout ! En savoir plus
Je m'appelle Pete LePage. Je vais vous présenter les nouveautés de Chrome 57 pour les développeurs.
Disposition en grille CSS
Flexbox est un outil de mise en page puissant. Il permet de créer de nombreuses mises en page complexes, mais il ne peut effectuer de mise en page que dans une seule dimension. Chrome 57 est compatible avec display: grid, la nouvelle spécification de mise en page CSS Grid. Il ajoute ainsi un nouvel outil puissant pour créer des systèmes de mise en page bidimensionnels basés sur une grille, optimisés pour la conception d'interfaces utilisateur responsives.
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 a publié un post de mise à jour à ce sujet. Lorsque vous serez prêt à approfondir vos connaissances, consultez le site de Rachel Andrew : GridByExample.com.
API Media Session
L'une des fonctionnalités manquantes des applications multimédias Web était la possibilité de s'intégrer en profondeur à 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 metadata sur le contenu en cours de lecture, vous pouvez créer des messages riches sur l'écran de verrouillage qui incluent des informations telles que le titre, l'artiste, le nom de l'album et l'illustration. Vous pouvez également écouter et répondre aux actions de l'utilisateur sur la notification elle-même, comme la recherche ou le saut.
Pour vous lancer rapidement, consultez le post de François ou le dépôt d'exemples de sessions multimédias Chrome officiel sur GitHub.
Et bien plus !
Et ce n'est pas tout !
- L'API Payment Request a subi quelques améliorations.
- Vous pouvez spécifier la couleur du curseur de saisie de texte à l'aide de la propriété
caret-color. - Les effets visuels tels que la couleur et le style des lignes peuvent être spécifiés avec de nouvelles propriétés
text-decoration. - La classe de réponse de l'API Fetch prend désormais en charge l'attribut
.redirectedpour éviter les réponses non fiables et réduire le risque de redirections ouvertes. - Tous les alias globaux IndexedDB avec préfixe
-webkit-ont été supprimés après leur abandon dans la version M38. - Et l'une de mes préférées : les nouvelles méthodes de mise en forme
padStartetpadEndqui 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-uns des changements apportés à Chrome 57 pour les développeurs.
Merci, Igalia
Enfin, un grand merci aux ingénieurs et à l'équipe d'Igalia pour leur excellent travail sur Blink. Ils ont été essentiels pour lancer les nouvelles fonctionnalités CSS Grid et caret-color.
Tenez-vous au courant
Si vous souhaitez vous tenir informé de l'actualité de Chrome et connaître les nouveautés à venir, n'oubliez pas de vous abonner à notre chaîne ou de suivre @ChromiumDev sur Twitter. N'oubliez pas de regarder les vidéos du Chrome Dev Summit pour en savoir plus sur certaines des fonctionnalités incroyables sur lesquelles l'équipe Chrome travaille.
Je m'appelle Pete LePage. Dès que Chrome 58 sera disponible, je reviendrai ici pour vous présenter les nouveautés de Chrome.