Meta Refresh 2016

Animations could dramatically improve the user-experience of our Web Apps. This talk would cover some of the ways we could hand-code Web Animations in our UI. The keynote would be a bridge between Design and Code but with the perspective of a JavaScript Developer.

Outline

Topics to be covered

1. Animation tools available for Designers
2. Design tools available for prototyping animations
3. Considering all available current technologies for front-end animations
4. Technologies to be covered: DOM Animations, SVG and SVG Animations,Greensock,SnapSVG,Web Animations API
5. Techniques to optimise animation perfomance.
6. Links and Refrences.

Watch the video for more Information.

Prerequisites
Basic Understanding of JavaScript, HTML,CSS and an open mind. Designers can attend this as well (& inspire their developers to create amazing UIs).

Draft Keynote slides https://www.slideshare.net/secret/kNBDlIT9rsIsfe

Note: The presentation would be built using HTML,CSS and JavaScript and the Slideshare link provided is only for preview purposes.
Let’s have some fun with JS-Animations now :)

Requirements

Open Mind :)

Speaker bio

Having experience of over 5 years, Prashant Sani creatively implements website designs to hand crafted Front-End Code. He believes in Progressive Enhancement and really looks for ways to push boundaries of HTML,CSS, SVG & JavaScript. Currently, he is working on lauching his Portfolio Website.

Links

• Twitter : https://twitter.com/prashantsani

Slides

https://www.slideshare.net/secret/kNBDlIT9rsIsfe