Search our site
The Heart of Mars by Paul Magrs Read the opening extract of the brand new Paul Magrs book before its publication on 15/03/2018

SVG Animations From Common UX Implementations to Complex Responsive Animation by Sarah Drasner

SVG Animations From Common UX Implementations to Complex Responsive Animation


SVG Animations From Common UX Implementations to Complex Responsive Animation by Sarah Drasner

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 Drasner a Senior UX Engineer at Trulia (Zillow Group) and a staff writer for CSS-Tricks. Formerly she was Senior Interaction Designer at Fauna, Inc., a company founded by former Lead Engineers from Twitter. She is also the former Head of Design and Front-End Development at Basho, creators of Riak. At Basho, she increased lead generation by 75% through design improvements and managed all branding and visual communication. Prior to Basho, Sarah worked for the Field Museum of Natural History as a Scientific Illustrator and Front-End Developer and on the Field Museum's peer-reviewed publication, Fieldiana. Sarah has worked for Stanford University's department of Neurology and UCSF Medical School as a Front-End Developer and Medical Illustrator. She was also project lead and UX Developer for various author websites through the firm Waxcreative in Oakland.

More books by this author
Author 'Like for Like' recommendations

Loading other formats...

Book Info

Publication date

31st March 2017


Sarah Drasner

More books by Sarah Drasner
Author 'Like for Like'


O'Reilly Media, Inc, USA


246 pages


Digital animation



Lovereading are lovely people who send me lovely books. What's not to love?

Gavin Dimmock

I love reading because my cares & woes vanish for an hour or two whilst I read of the joys, adventures, lives of the characters in the book.

Jennifer Moville

Lovereading has given me the opportunity to delve into new and exciting worlds of authors who I would never have tried before.

Glynis Elliott

I love Lovereading because of its ability to connect people that love books & unite them in a friendly, stimulating & interesting community.

Megan Olwen William

Lovereading is pitched at just the right level for all the various types of people who enjoy reading in its many forms.

Pam Woodburn

If you love reading, then you'll love Lovereading! Full of tips & info for every discerning reader.

Lynne Rapson

The selections are so varied and the reader reviews are so helpful. A fantastic website for those who love books.

Ann Quintilla

Thanks to Lovereading I have discovered new writers and read books I would never had looked twice at - and enjoyed them.

Angela Rhodes