Author Sarah Drasner

3 articles Sarah Drasner is an award-winning Speaker, Senior Developer Advocate at Microsoft, and Staff Writer at CSS-Tricks. Sarah is also the co-founder of Web Animation Workshops, with Val Head. She’s the author of SVG Animations from O’Reilly and has given Frontend Masters workshops on Vue.js and Advanced SVG Animations. Sarah is formerly Manager of UX Design & Engineering at Trulia (Zillow).

Find Sarah Elsewhere:

Sarah Drasner wrote

Replacing jQuery With Vue.js: No Build Step Necessary

February 13, 2018 — Did you know that you can incorporate Vue into your project the same way that you would incorporate jQuery — with no build step necessary? Let’s cover some common use cases in jQuery and how we can switch them over to Vue, and why we’d even want to do so. Read More…

Sarah Drasner wrote

Practical Techniques On Designing Animation

June 8, 2015 — Animation, like any other facet of the web, must be designed. As web developers, we think about the effects of typography, layout, interaction, and shifting viewports, but when incorporating animation we have another factor to consider: time. It’s not just an extra aspect to … Read More…

Sarah Drasner wrote

A Few Different Ways To Use SVG Sprites In Animation

March 17, 2015 — There are some things we know and like about SVGs. First, SVGs have smooth, clean edges on any display, so using SVGs can reduce the number of HTTP requests for image replacement. Second, it’s easy to make an SVG scalable to its container for responsive development. In this … Read More…