Speed up your animation workflow with expressions in Adobe After Effects.

<p><link href="/stylesheets/posts/svg-animation-25d41446.css" rel="stylesheet" type="text/css"></p>

<p>Once you’re familiar with <a href="http://robots.thoughtbot.com/building-ralph-in-svg">what SVGs are</a> and <a href="http://robots.thoughtbot.com/organized-workflow-for-svg">how to
optimize and embed them</a>, it’s time to dive in and
start manipulating them. There are many ways to animate and manipulate SVGs; in
this post, we’ll go over how to animate embedded SVGs with Sass and…</p>

<p>SVGs can be messy to develop with, often times being exported from a graphics
application and being pasted into a document. However, they become much more delightful
to work with when you have a readable file and clean markup.</p>

<h2>Optimizing SVG for the…</h2>

<p>SVG (Scalable Vector Graphic) is a graphic format, similar to PNG
or JPEG, that’s great for icons, charts and supporting high-DPI displays.
They’re vector-based, so you won’t lose visual fidelity or see any
pixelation, no matter what size your graphic…</p>