L'API Web Animations fait partie d'une nouvelle norme Web, actuellement en cours de développement par les ingénieurs de navigateurs de Mozilla et de Google.
Chrome 36 a implémenté la méthode element.animate() de l'API Web Animations, ce qui permet aux développeurs de créer des animations performantes en thread de composition à l'aide de JavaScript.
Nous sommes ravis de voir que Mozilla a publié son implémentation de element.animate() dans Firefox 48, ce qui permet d'obtenir de véritables animations accélérées inter-navigateurs à l'aide de cette API JavaScript émergente. Google et Mozilla ont travaillé dur ensemble pour s'assurer que nos implémentations sont interopérables. Ce fut un véritable travail d'équipe !
L'utilisation de l'API Web Animations peut offrir des avantages tels qu'une fréquence d'images plus rapide avec une consommation d'énergie réduite, ce qui se traduit par une meilleure expérience utilisateur sur tous les appareils, en particulier les mobiles.
L'API Web Animations peut être utilisée dans tous les navigateurs via un polyfill qui utilisera l'implémentation native à pleine vitesse lorsqu'elle existe, et qui utilisera une implémentation JavaScript en cas de problème. Nous sommes encouragés par la réflexion de la communauté WebKit sur sa propre implémentation et par l'ajout de cette fonctionnalité à la liste de tâches de l'équipe Edge. Nous espérons que les animations Web seront bientôt compatibles avec tous les principaux navigateurs.
Pour profiter pleinement de l'expérience des animations Web accélérées dans Chrome, Firefox ou Opera, consultez ces pages de démonstration et essayez-les par vous-même.