Meta Refresh 2016

The web in your pocket

Re-Engineering JavaScript Animations

Submitted by Prashant (@prashantsani) on Friday, 12 August 2016

videocam
Preview video

Technical level

Intermediate

Section

Full talk

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +14

Abstract

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

Slides

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

Preview video

https://youtu.be/Jp813A7Y8Hc

Comments

Login with Twitter or Google to leave a comment