Tag Archive: Snap SVG

Before I ventured on this mini project, I had no previous experience with animating SVG graphics. This article documents my journey and details my processes (and mistakes made along the way). The final product I created consists of a slideshow whereby four devices – desktop, laptop, tablet, and smartphone (basically iMac, MacBook Pro, iPad, and iPhone-esque form factors) – morph into one another, in order to showcase how the responsive websites I’ve created react to the various screen sizes. The finished article, showing each of the four morphing devices. I love Mary Lou’s work over at tympanus.net and was really …