Chris Gannon

Chris Gannon


Chris Gannon is a Hampshire based motion and interactive designer who is well known for his motion work with SVG (Scalable Vector Graphics).

He began animating and coding back in the early days with his ZX Spectrum and back in the day had a successful career as a Flash designer for 15 years creating interfaces and animations for world class organisations.

He's been independent since 2007 and his drive and inspiration comes from all forms of stimulus; a flat pictogram design style has always been a favourite (road signs and public signage are an obsession) but he likes to mix things up and is always trying new styles.

He's a published writer, teacher and a sometimes-speaker - on a good day you can find his work on the number one slot on CodePen where his inspiring SVG motion work is often breaking new ground.


How To Animate SVG

Scalable Vector Graphics (SVG) format has been around since 1999 but it has only started to gain serious traction and cross browser support in the last few years.

There are so many devices and form factors now and coupled with the move towards a flatter, cleaner UI, SVG is the perfect choice for small, scalable, resolution independent designs.

In my How-To session I'll show you how to design and code an SVG animation using the JavaScript library GSAP (Greensock Animation Platform) - it will involve a bit of illustration, a bit of code, a bit of theory, a bit of design and whole heap of useful tips and tricks that will help you to animate SVGs in your next project.

Chris also starred at: