- Chrome 57 est désormais compatible avec
display: grid, le nouveau Spécification de mise en page de la grille CSS. - Vous pouvez désormais personnaliser les entrées utilisateur sur l'écran de verrouillage et y répondre. à l'aide de la nouvelle API Media Session.
- Et il y en a bien d'autres !
Je m'appelle Pete LePage. Nous allons découvrir les nouveautés de Chrome 57 pour les développeurs.
Mise en page en grille CSS
Flexbox est un outil de mise en page puissant. Il rend possible de nombreuses
mises en page complexes,
mais il ne peut faire la mise
en page que dans une seule dimension. Chrome 57 prend en charge
display: grid –
la nouvelle spécification de mise en page en grille CSS,
Ajout d'un nouvel outil puissant pour créer une mise en page basée sur une grille en deux dimensions
optimisés pour la conception
d’interface utilisateur réactive.
Les éléments de la grille peuvent s'étendre sur plusieurs colonnes ou lignes. Régions dans un La grille CSS peut également être nommée, ce qui facilite la compréhension du code de mise en page.
Surma a publié un post d'actualité Lorsque vous serez prêt à approfondir le sujet, consultez Site Web de Rachel Andrew: GridByExample.com.
API Media Session
L'une des fonctionnalités manquantes des applications multimédias Web capacité à s'intégrer pleinement à 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 des métadonnées au navigateur à propos du contenu en cours de lecture, vous pouvez créer un écran de verrouillage enrichi messages comprenant des informations telles que le titre, l'artiste, le nom de l'album et des illustrations. Vous pouvez également écouter et répondre aux actions de l'utilisateur par rapport à la notification elle-même (par exemple, recherche ou omission).
Si vous voulez commencer rapidement, François a une excellente Publication de mises à jour, ou consultez la page officielle Dépôt d'exemples de sessions multimédias Chrome sur GitHub.
Et bien plus !
Et ce n'est pas tout !
- Il y a certains améliorations à l'API Payment Request.
- Vous pouvez spécifier la couleur du curseur de saisie de texte à l'aide de la commande
caret-color. - Vous pouvez spécifier des effets visuels tels que la couleur et le style de la ligne
text-decorationpropriétés. - L'API Fetch
Classe de réponse
est désormais compatible avec
.redirectedpour éviter les réponses non fiables et réduire le risque redirecteurs. - Toutes les
-webkit-avec le préfixe IndexedDB les alias globaux ont été supprimés, après leur abandon dans M38. - Et l'un de mes préférés : le nouveau
padStartetpadEndde mise en forme qui simplifient le remplissage des chaînes lors de l'alignement de la sortie de la console ou imprimer des nombres avec un nombre fixe de chiffres.
Ce ne sont là que quelques-unes des modifications apportées à Chrome 57 pour les développeurs.
Hommage à Igalia
Enfin, un grand bravo aux ingénieurs et à l'équipe de
Igalia pour son travail exceptionnel sur Blink. Ils
ont joué un rôle déterminant dans la mise en place des nouvelles fonctionnalités de la grille CSS et de caret-color.
Tenez-vous au courant
Si vous souhaitez vous tenir informé de l'actualité de Chrome et savoir ce qui vous attend, vous abonner à notre chaîne ou suivre @ChromiumDev sur Twitter N'oubliez pas de consulter des vidéos du Chrome Dev Summit pour découvrir plus en détail certaines des fonctionnalités formidables sur lesquelles l'équipe Chrome travaille.
Je m'appelle Pete LePage, et je serai là dès la sortie de Chrome 58. pour vous informer des nouveautés de Chrome.