My site’s moved CMS and servers. If you spot a problem, let me know.

Stuff & Nonsense product and website design

0/6

Can you catch ’em all?

There’s a different outlaw to capture on every page.

Gsap

Toon Titles Series 1. More than just a fun side project

Working on a design for composer Mike Worth gave me an idea. What if I created animated title cards inspired by classic Hanna-Barbera cartoons? Thirty-five SVG animations later, Toon Titles Series 1 is complete. These are based on artwork from the first appearance of Yogi Bear in The Huckleberry Hound Show.

Toon Titles: Prize Fight Fright

It’s fascinating just how many opportunities for animations there are in a static cartoon title card. Here’s another Toon Title, this time based on Prize Fight Fright, a Yogi Bear cartoon from February 1959.

Toon Titles: Space Bear

The more I dive into using the GSAP library for my Toon Title animations, the more I enjoy it. Here’s another Toon Title, this time based on Space Bear, a Yogi Bear cartoon from February 1960. I learned some new things while making this Toon Title, including how to use GSAP’s timeline feature.

Toon Titles: Nowhere Bear (A GSAP animation)

The more I dive into using the GSAP library for my Toon Title animations, the more I enjoy it. Here’s another Toon Title based on Nowhere Bear, a Yogi Bear cartoon from December 1959.

Toon Titles: Bear Face Bear (A GSAP experiment)

Here’s another Toon Title based on Bear Face Bear, a Yogi Bear cartoon from September 1959. I’ve been meaning to experiment with GSAP for a while, and this animation gave me the opportunity.

Tags


Andy Clarke. Web design pioneer

Andy Clarke

I’m Andy Clarke, a product and website designer. My work blends art direction, branding, and editorial to help people improve their products and websites. I’ve written books about website design, given talks, and delivered design workshops worldwide.