Full stack web developer, interested in all the things, but especially the web, code, design, Linux, OS X, PHP, WordPress, JavaScript & robots.

Tagged: animation

SVG logo animation: Man on a rock, floating in space, waving

I was looking at my site’s SVG logo and I thought to myself, it’d be cool if the little dude would offer up a little waving arm. So, I played around with some JavaScript and came up with the following pen.

See the Pen Man on a rock, floating in space, waving by Philip Newborough (@corenominal) on CodePen.

I’ve got no idea if the above is a valid method for animating a SVG, but it seems to work and I think it looks cool. I’ll probably use it with the mouseover and mouseout events, like the following pen.

See the Pen Man on a rock, floating in space, waving: hover by Philip Newborough (@corenominal) on CodePen.

Easing Functions Cheat Sheet image/svg+xml

Objects in real life don’t just start and stop instantly, and almost never move at a constant speed. When we open a drawer, we first move it quickly, and slow it down as it comes out. Drop something on the floor, and it will first accelerate downwards, and then bounce back up after hitting the floor.

This page helps you choose the right easing function.

I love the example animations, they make choosing the right easing function really easy.

Obsessive GIF Artist Al Boardman on the Importance of Personal Projects image/svg+xml

Al Boardman, prolific GIF-creator and expert animator, has created motion graphics for an impressive list of famous brands (including Nike, IBM, and Twitter). His signature style is simple yet sophisticated, with a color palette and a smoothness that sucks the viewer in.

Al Boardman’s GIFs are both wonderful and inspirational; after browsing his collection, I feel like I want to do less coding and more designing. I’m thinking that I might have another play with my site’s design soon. The current minimal design is nice, but not much fun.

At the start, I had no clients, no contacts and no work, but I eventually picked up a few low-paid bits and bobs from startups around the city. It didn’t lead to much, so, I decided to try a different approach, and one that I’d recommend highly. I stopped chasing low-paid work that I didn’t particularly want to do and focused on creating work for myself.

Oh, and the interview is a pretty good read too.