Michael Ngo is an award winning front-end developer working across Sydney and Vancouver. He’s been nominated for a Webby, an AGDA design award, and his portfolio has been featured on Awwwards as the “Site of the Day”. His only goal, to make the web more beautiful, one pixel at a time.
With flat design becoming the ever visible trend of 2016, it’s clear why there’s been a resurgence in SVG usage. The benefits are many: resolution-independence, cross-browser compatibility and accessible DOM nodes. In this article, we’ll take a look at how we can use SVGs to create seemingly complex animations from simple illustrations.
This project began as a simple thought experiment: How far can we push SVG animation? At the time, designer Chris Halaska and I were colleagues working on an illustration-heavy campaign website. While aesthetically pleasing, the designs lacked the required “oomph” that all creatives search for.