12.04.2017

Web API Animation: il nostro talk al Bologna JS ospitato da TIM WCap Accelerator

Talk a quattro mani per Francesco Strazzullo e Alessandro Violini sulla libreria ancora in bozza del W3C riguardante le animazioni web.

Prima parte sullo stato dell'arte ad oggi delle animazioni web con i CSS: la differenza tra transition e animation, le applicazioni con le transform (2D e 3D) e il concetto di timeline di oggetto. Le custom properties per il runtime CSS e un occhio al non ancora supportato transitionend come oggetto del transitionEvent per il controllo della fine di una transizione.
Seconda parte sulla scoperta delle Web Animation API, con esempi pratici che dimostrano la semplicità della gestione di animazionigruppi di animazioni e sequenze di animazioni e introduzione del concetto di timeline di pagina. Un esempio di framework di animazioni basato su questa libreria e come sia possibile integrarla in framework di terze parti come React.
Conclusione con un esempio di single page application che vede implementate sequenze di animazioni con possibilità di scorrere manualmente un'ipotetica timeline di contenuti.

Trovate gli esempi su github e qui di seguito le slide.