SVG Animations: From Common UX Implementations to Complex Responsive Animation

· "O'Reilly Media, Inc."
Ebook
246
Pages
Eligible
Ratings and reviews aren’t verified  Learn More

About this ebook

SVG is extremely powerful, with its reduced HTTP requests and crispness on any display. It becomes increasingly more interesting as you explore its capabilities for responsive animation and performance boons. When you animate SVG, you must be aware of normal image traits like composition, color, implementation, and optimization. But when you animate, it increases the complexity of each of these factors exponentially.

This practical book takes a deep dive into how you can to solve these problems with stability, performance, and creativity in mind.

  • Learn how to make SVG cross-browser compatible, backwards compatible, optimized, and responsive
  • Plan and debug animation
  • Make a complex animation responsive, as many sites are responsive
  • Profile each animation technique in terms of performance so that you know what you're getting in to with each library or native technology

About the author

Sarah is an award-winning speaker, consultant, and staff writer at CSS-Tricks. Sarah is also the co-founder of Web Animation Workshops, with Val Head. Sarah has given a Frontend Masters workshop on Advanced SVG Animations and is formerly manager of UX design & engineering at Trulia (Zillow).

Rate this ebook

Tell us what you think.

Reading information

Smartphones and tablets
Install the Google Play Books app for Android and iPad/iPhone. It syncs automatically with your account and allows you to read online or offline wherever you are.
Laptops and computers
You can listen to audiobooks purchased on Google Play using your computer's web browser.
eReaders and other devices
To read on e-ink devices like Kobo eReaders, you'll need to download a file and transfer it to your device. Follow the detailed Help Center instructions to transfer the files to supported eReaders.