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.

Shop

Layout ❤︎

Free compound grid and modular grid layout generators, plus a set of HTML/CSS layout templates you can call on to make more interesting layouts, available to buy.

Blogging and all that Malarkey

Search articles, blog posts, and my portfolio.

Latest posts

I listened to every version of Seasons in the Sun, so you don’t have to

“Seasons in the Sun” was weirdly played at a wedding reception I was at last weekend. I don’t think I’ve ever intentionally listened to it, but I remember it being one of those songs my mum warbled along to on long car journeys. It was probably on one of her then husband’s eight-track cartridges along with Billy Gentry’s Ode to Billie Joe.

Smashing Animations Part 4: Optimising SVGs

Yours truly over at the Smashing Magazine: “What’s the best way to make your SVGs faster, simpler, and more manageable? Andy Clarke explains the process he relies on to prepare, optimise, and structure SVGs for animation and beyond.”

Getting creative with HTML dialog

Yours truly over at CSS Tricks: “How can you take dialogue box design beyond the generic look of frameworks and templates? How can you style them to reflect a brand’s visual identity and help to tell its stories? Here’s how I do it in CSS using::backdrop, backdrop-filter, and animations.”

Well, hello there. Unfinished Business is back again!

Richard Rutter and I have both co-founded and run design agencies, with over 50 years of combined experience in the creative industries. Our work has taken us on different paths, but we’ve come together to discuss business, clients, creativity, and more, because we both have Unfinished Business.

Web design inspiration from retro wrestling

Yours truly over at the Envato blog: “How can a collection of dog-eared posters from the golden age of British wrestling influence the design of today’s websites? Web design pioneer Andy Clarke steps into the ring to give us the lowdown.”

Video: What Yogi Bear taught me about CSS animation

What do Yogi Bear cartoons and CSS animations have in common? More than you think. In this video, I show how low-budget animation techniques from Hanna-Barbera cartoons—like background loops, talking heads, and minimal movement—can inspire expressive, lightweight web animations using only CSS and SVG.

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.

Showing 81 to 90 of 1260 posts

Newer
Older

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.

Browse topics

Browse tags

Britpack

Favourites