Creating Web Animations: Bringing Your UIs to Life

by Kirupa Chinnathambi

Overview

Thanks to faster browsers, better web standards support, and more powerful devices, the web now defines the next generation of user interfaces that are fun, practical, fluid, and memorable. The key? Animation. But learning how to create animations is hard, and existing learning material doesn’t explain the context of the UI problem that animations are trying to solve. That’s where this book comes in.

You'll gain a solid technical understanding of how to create awesome animations using CSS and learn how to implement common UI patterns, using practical examples that rely on animations to solve a core problem. Frontend web developers and designers will not only learn important technical details, but also how to apply them to solve real-world problems.

• Create animations found in common user interface implementations, such as bounce after scrolling, expanding search boxes, and content sliders
• Learn the technical details of working with CSS animations and transitions
• Use CSS transforms to very animate an element’s position, scale, and orientation
• Understand the importance of easing

Product Details

ISBN-13:	9781491957516
Publisher:	O'Reilly Media, Incorporated
Publication date:	04/10/2017
Pages:	208
Product dimensions:	6.00(w) x 8.80(h) x 0.50(d)

About the Author

Kirupa Chinnathambi has spent most of his life trying to teach others to love web development as much as he does.



In 1999, before blogging was even a word, he started posting tutorials on kirupa.com. In the years since then, he has written hundreds of articles, written a few books (none as good as the one he hopes to write for O’Reilly), recorded a bunch of videos you can find on YouTube, and even worked for a long time on helping improve the state of HTML tooling at Microsoft. When he isn't writing or talking about web development, he is probably sleeping...or writing about himself in 3rd person.