Nouveautés de Chrome 56

  • Les utilisateurs peuvent désormais sélectionner des appareils Bluetooth à basse consommation pour se connecter à des sites Web utilisant l'API Web Bluetooth.
  • position: sticky est de retour, ce qui permet de créer facilement des éléments qui défilent normalement jusqu'à ce qu'ils restent en haut de la fenêtre d'affichage.
  • Par ailleurs, HTML5 par défaut est activé pour tous les utilisateurs.

Je m'appelle Pete LePage. Penchons-nous sur les nouveautés de Chrome 56 pour les développeurs.

API Web Bluetooth

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

Comme pour la sélection de fichiers à partager avec un site Web, cette approche est plus sécurisée que l'installation d'une application native capable de lire des données depuis n'importe quel type de contenu. Les utilisateurs contrôlent totalement quand et quel appareil est partagé 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 cardiofréquencemètres, des écrans LED et plus encore, avec seulement quelques lignes de JavaScript. Web Bluetooth peut également être associé à des balises Web physiques pour faciliter la détection des appareils à proximité.

François a publié un excellent article sur les mises à jour. N'oubliez pas de consulter quelques démonstrations intéressantes pour la compléter.

CSS position: sticky;

Auparavant, la création d'en-têtes de contenu qui défilaient normalement jusqu'à ce qu'ils restent en haut de la fenêtre d'affichage nécessitait d'écouter les événements de défilement et de modifier la position d'un élément par rapport à une position fixe à un seuil spécifié. La synchronisation était difficile et se traduit souvent par de légers sauts visuels.

Chrome est désormais compatible avec CSS position: sticky;, une nouvelle façon de positionner les éléments.

Un élément persistant à partir d'une position commence par rapport à lui, mais devient fixe une fois que l'élément a atteint une certaine position de défilement.

Il vous suffit de définir position: sticky, puis de définir un seuil pour qu'il soit 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 article de blog à ce sujet dans Updates (Mises à jour).

HTML5 par défaut

En août dernier, nous avons annoncé que nous allions passer à HTML5 par défaut afin de proposer 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 afficher du contenu Flash sur des sites spécifiques. À terme, tous les sites Web requièrent 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 consultés.

Découvrez comment et quand les utilisateurs seront invités, ainsi que des recommandations pour tester vos sites Flash.

Et plus encore

Et bien d'autres choses encore.

Si vous souhaitez suivre l'actualité de Chrome et connaître les nouveautés à venir, abonnez-vous, suivez @ChromiumDev sur Twitter et regardez les vidéos du Chrome Dev Summit pour découvrir plus en détail certains des projets fantastiques de l'équipe Chrome.

Je m'appelle Pete LePage. Dès la sortie de Chrome 57, je serai là pour vous dire les nouveautés de Chrome !

Nouveautés de Chrome Easter Egg

Si vous lisez jusqu'ici, vous méritez le bêtisier de la nouveauté de Chrome 52 ! À chaque fois que je ouvrais la bouche, un camion passait, un hélicoptère survolait, une voiture générait un klaxon.

Un grand merci à Andrew pour le prêt de sa chemise ! j'avais un dysfonctionnement de la garde-robe.