Stuff & Nonsense product and website design

Blogging and all that malarkey

Toon Titles

Explore my growing collection of classic cartoon title cards, lovingly recreated using CSS, SVG, and SMIL animations. Enjoy the nostalgia and learn from the code on CodePen.

Kerfuffle on the Planet of the Apes

Kingdom of the Planet of the Apes is out and I decided to update one of my responsive easter egg headers—Kerfuffle on the Planet of the Apes—with more efficient, modern code.

CSS Specisithity

Originally published in 2005 and updated in 2024, CSS Specisithity explains how to master specificity using Star Wars metaphors. It’s been credited with helping web designers and developers understand what’s often considered a complex subject.

The popular Contract Killer template

Clarify what’s expected on both sides to help build great relationships between you and your clients. Contract Killer is plain and simple and there’s no legal jargon. It’s customisable to suit your business and has been used on countless web projects since 2008.

Layout Love

I wanted a simple set of layout modules I could call on for design projects, so I developed my own. I call them Layout Love and rather than keep them to myself, I’m offering them to everyone to use which I hope will encourage people to make layouts which are more interesting.

Transcending CSS Revisited

I wrote my first book, Transcending CSS: The Fine Art of Web design, way back in 2006. It became a success and since then I’ve had countless people tell me it was influential in their careers. Transcending CSS Revisited is available to read online for free, with a new foreword by Rachel Andrew.

Art Direction for the Web: Designing standfirst paragraphs

Designers frequently overlook a few design elements if they remember them at all. Recently, I’ve noticed that the styles of typographic details like bylines, citations, dates and times are more often than not pulled from frameworks and pattern libraries and receive very little original thought.

Using multiple :not() selectors

Here’s a quick entry about something I learned just this week about :not() pseudo-class selectors and how to combine them.

Goodbye Gridset

Originally developed by Mark Boulton Design—before their acquisition by Monotype—Gridset has been my go-to tool for designing grids since it started. In fact, it taught me more about grid design than just about anything else. Sadly, Gridset is being decommissioned this week, so I downloaded the default sets of grids, plus a few of my own, and have shared them on Github.

Meanwhile, back at the funny farm

“I’ve got an idea,” I said as Sue and I sat on beach outside Perth in Western Australia. “Why don’t we move to Australia for a couple of years? We love it here and it would be an adventure.”

Art Directing For The Web With CSS Grid Template Areas

It’s been a while since I’ve written seriously, but since I started working on my new ‘Art directing for the web’ book, I’ve got the bug. So when Smashing Magazine asked me to write for them again, I couldn’t resist. My latest article, on ‘Art Directing For The Web With CSS Grid Template Areas’ was published today and I’m very pleased with how it turned out. You can read it here.

Unfinished Business is back, with The New Doctor Who Episode

Welcome to this new season of the Unfinished Business podcast. Over the next few weeks and months, I’ll be discussing art directing for web with my guests, some of the most experienced art directors and designers working on the web today.

Make a brief a platform for creativity

When I was redesigning my website recently I decided on a tongue-in-cheek new footer. Even though the idea behind my help page was tongue-in-cheek, I’m serious about the advice it gives.

My blogging heyday

One of the reasons for my redesigning this website was to make it more appropriate for the work I’ve been making most recently, but also as an opportunity for it to better reflect me as a person. A big part of that was the writing that I did in what I think of as my blogging ‘heyday.’

Every talk audio and video that I could find, now on my new YouTube channel

Speaking at conferences has been one of the best things that I’ve done over the past decade plus some. Not just the standing on stage doing the talking part, and the traveling to fabulous places (and Scarborough) part, but the coming up with stories to tell and lessons to teach part too.


Browse topics

Browse tags

Andy Clarke portrait

About Andy

Hello. I’m Andy Clarke, an internationally recognised product and website designer and writer on art direction for products the web. I help product and website owners captivate customers by delivering distinctive digital designs.


Subscribe to RSS feed

Britpack

Favourites

Would you like advice and inspiration on making better designs for the web?

Every two weeks you’ll get design inspiration and insights on how to improve your design. View some recent emails, sign up today, and get:

  • Email advice once or twice per month + 
  • Design tips + 
  • Inspiration + 
  • Free Layout Love templates worth £9.99 + 
  • Early access to books + 
  • Coaching offers

    I promise never to share your email and you can unsubscribe with just one click.

    Get a free set of Layout Love grid templates if you sign up today.

    I’m available to work on new design projects.