2017 AIM HDC

Websites today should tell a story graphically, in addition to conveying information contextually.  Adding animations to your site can keep a user's eye focused on your site longer and help create a holistic feeling.  Adding animations to your site used to be labor intensive and a technical challenge.  Then jQuery came along and made sliding and hiding elements a breeze, but it was not optimized for full animations.  CSS transitions helped, but were just not there.  That is where Velocity.js comes to the rescue.  The best of jQuery and CSS transitions are combined into one easy-to-use library.
Learn how to use Velocity.js to easily add animations to any element on the screen – all in a syntax similar to jQuery.   Time animations to follow each other, or animate the page all at once.  Use easing to smooth elements’ movements.  Loop CSS transitions and transformations for continuous actions.  Use callbacks to execute JavaScript after an animation.