It's no longer "Animation on the web" ... the trend is "Animation of the Web." Whether expanding page elements to show more detail, using layers to make a complex topic simple, viewing real-time metrics and BI graphics, or navigation elements that keep users oriented to a site's Information Architecture and flow, vector graphics are not just for fancy icons and responsive logos. This talk explores bringing movement into your CMS template in a way that supports your brand, enhances user comfort and improves their experience, while reducing site footprint and enhancing performance. Guidelines will be shared for selecting the optimum tools for a particular task. Demos will range from simple native CSS transforms and using the emerging Web Animation API, to illustrating complex ideas using BI tools (D3 and Chartist) and GreenSock . Following the survey of technologies, we will have a deep dive into example implementations to contrast the animation techniques and highlight the few cross-browser and cross-platform implementation issues you need to avoid in your projects. We will end with exploring GreenSock 's MorphSVG and DrawSVG plugins. There is a reason GSAP has quickly become the go-to tool for fast, browser-stable production solutions.
DUKE:
Facebook Twitter
