Nouveautés de Chrome 56

Pete LePage

  • Les utilisateurs peuvent désormais sélectionner des appareils Bluetooth à basse consommation pour se connecter à des sites Web qui utilisent l'API Web Bluetooth.
  • position: sticky est de retour. Vous pouvez ainsi créer facilement des éléments qui défilent normalement jusqu'à se fixer en haut de la fenêtre d'affichage.
  • L'option HTML5 par défaut est activée pour tous les utilisateurs.

Je m'appelle Pete LePage. Je vais vous présenter les nouveautés de Chrome 56 pour les développeurs.

API Web Bluetooth

Jusqu'à présent, les utilisateurs disposant d'appareils Bluetooth devaient installer des applications natives pour communiquer avec eux. Avec Chrome 56, les utilisateurs peuvent sélectionner des appareils Bluetooth Low Energy à proximité à fournir aux sites Web qui utilisent l'API Web Bluetooth.

Comme pour la sélection de fichiers à partager avec un site Web, cette méthode est plus sécurisée que l'installation d'une application native pouvant lire des données à partir de n'importe quel élément. Les utilisateurs ont le contrôle total sur le moment et l'appareil à partager avec un site Web spécifique.

L'API Web Bluetooth utilise le protocole GATT, qui permet aux applications de se connecter à des appareils tels que des ampoules, des jouets, des moniteurs de fréquence cardiaque, des écrans LED et plus encore avec seulement quelques lignes de code JavaScript. Le Bluetooth Web peut également être combiné à des balises Web physiques pour faciliter la découverte des appareils à proximité.

François a écrit un excellent article sur les mises à jour. N'hésitez pas à consulter les démonstrations associées.

CSS position: sticky;

Auparavant, la création d'en-têtes de contenu qui défilaient normalement jusqu'à se fixer en haut du viewport nécessitait d'écouter les événements de défilement et de passer la position d'un élément de relative à fixe à un seuil spécifié. La synchronisation était difficile, et entraînait souvent de petits sauts visuels.

Chrome est désormais compatible avec CSS position: sticky;, une nouvelle méthode de positionnement des éléments.

Un élément dont la position est persistante commence de manière relative, mais devient fixe une fois qu'il atteint une certaine position de défilement.

Il vous suffit de définir position: sticky et un seuil pour qu'il devienne persistant.

h3 {
  /* Element will be 'fixed' when it ... */
  position: sticky;
  /* ... is 10px from the top of the viewport */
  top: 10px;
}

Paul Kinlan a publié un post à ce sujet.

HTML5 par défaut

En août dernier, nous avons annoncé que nous allions passer à HTML5 par défaut pour offrir une expérience plus sûre et plus économe en énergie. Cette modification désactive Adobe Flash Player, sauf si l'utilisateur indique qu'il souhaite du contenu Flash sur des sites spécifiques. À terme, tous les sites Web nécessiteront l'autorisation de l'utilisateur pour exécuter Flash.

Dans Chrome 56, HTML5 par défaut a été activé pour tous les utilisateurs, ce qui signifie qu'ils seront invités à exécuter Flash sur les sites qu'ils n'ont jamais visités.

En savoir plus sur la manière et le moment où les utilisateurs seront invités, ainsi que sur les recommandations pour tester vos sites Flash

Et bien plus encore

Et bien sûr, il y en a bien d'autres.

Si vous souhaitez vous tenir informé de Chrome et connaître les nouveautés à venir, n'oubliez pas de vous abonner, de suivre @ChromiumDev sur Twitter et de regarder les vidéos du Chrome Dev Summit pour en savoir plus sur certaines des fonctionnalités exceptionnelles sur lesquelles l'équipe Chrome travaille.

Je m'appelle Pete LePage. Dès que Chrome 57 sera disponible, je serai là pour vous présenter les nouveautés de Chrome.

Nouveauté de Chrome : œuf de Pâques

Si vous êtes arrivé jusqu'ici, vous méritez de voir les images des erreurs de la vidéo Nouveautés de Chrome 52. J'avais l'impression que chaque fois que j'ouvrais la bouche, un camion passait, un hélicoptère survolait la zone ou une voiture klaxonnait.

Et un grand merci à Andrew de m'avoir prêté sa chemise ! J'ai eu un petit problème de garde-robe.