Web Animations API bereikt mijlpaal voor meerdere browsers

Alex Danilo

De Web Animations API maakt deel uit van een nieuwe webstandaard, die momenteel wordt ontwikkeld door browseringenieurs van Mozilla en Google.

Chrome 36 implementeerde de element.animate() -methode van de Web Animations API , waardoor ontwikkelaars krachtige, met compositor-threaded animaties kunnen bouwen met behulp van JavaScript.

We zijn verheugd om te zien dat Mozilla nu hun implementatie van element.animate() in Firefox 48 heeft uitgebracht , waardoor echte cross-browser versnelde animaties mogelijk worden gemaakt met behulp van deze opkomende JS API. Google en Mozilla hebben hard samengewerkt om ervoor te zorgen dat onze implementaties interoperabel zijn. Dit is echt een gezamenlijke inspanning geweest!

De voordelen van het gebruik van de Web Animations API zijn onder meer een snellere framesnelheid met een lager energieverbruik, wat zich vertaalt in een betere gebruikerservaring op alle apparaten, vooral mobiel.

De Web Animations API kan in alle browsers worden gebruikt via een polyfill die de native implementatie op volle snelheid zal gebruiken waar deze bestaat, en anders gracieus terugvalt op een JavaScript-implementatie. We worden aangemoedigd door de WebKit-gemeenschap die hun eigen implementatie overweegt , en door het Edge-team dat deze aan hun achterstand toevoegt. We kijken ernaar uit dat webanimaties binnenkort in alle grote browsers worden ondersteund.

Om de volledige versnelde webanimatie-ervaring in Chrome, Firefox of Opera te krijgen, gaat u naar deze demopagina 's en probeert u het zelf.