ng apps to life with Metro style animations in HTML5 Dale Rogerson Principal Software Developer Engineer Microsoft Corporation Jason Beaumont Principal Program Manager Microsoft Corporation APP-206T nda ? Introduce the Windows 8 Animation Library ? Experience animations in Windows 8 ? Implement Metro style animations in your app You ’ ll leave with examples of how to ? Make your app Metro style using animations ? Use controls and templates to get animations for free ? Find the right guidance on using animations mations add beauty, energy, motion, and personality to your app tic start screen d animations enhance the experience by ? Making it clear where to focus (on the content) ? Being purposeful not distracting ? Adding confidence of knowing what has happened or what will happen ? Reinforcing the way the system works pletes the Metro style ? It’ s not an extra or an added piece, it ’ s integral to the design ? Create a familiar personality by making apps and Windows feel part of the same family and have the same visual language ? Without chrome, animation is needed to create flow and continuity ng a list With and without animations demo ing Metro style animations to your app is easy with the Windows 8 Animation Library Windows 8 Animation Library dows 8 Animation Library ? Part of Windows Library for Javascript ( WinJS ) ? Contains key Metro style app animations ? Has the same storyboard values, curves, and even the same API that we use ? Easily aligns your app to the Windows 8 personality