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 animazioni, gruppi 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.
Qui di seguito trovi le slide.
Flowing nasce il 19.02.2019 da ideato e extrategy, ecco perché nelle slide e nel video trovi uno di questi brand! Scopri di più sul nostro speciale percorso di co-creazione di Flowing.
