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.

Introducing Inspired Guides

Back in January I wrote about why I believe that style guides and component/pattern libraries should be beautiful as well as functional. That to be effective, they must cater for the different needs of creative and technical people by inspiring as well as informing.

Using entities as separators in breadcrumb navigation

Over the next few weeks, I’m going to share some of the things that I’ve learned while designing and developing Inspired Guides, starting today with using HTML entities as separators in breadcrumb navigation.

Designing inspired style guides presentation slides and transcript

I gave a new talk on designing inspired style guides last week at Design Exchange Nottingham. It was a really good night, a fabulous audience which was double their normal attendance and I also got the chance to sink a few drinks with my old friend Harry. It’s very likely that I won’t give this talk again in Europe this year, and I wanted to share it with more people, so I’ve written a transcript to accompany the slides.

NB: This page contains 8Mb of images. I’ve optimised them as much as possible, but you probably don’t want to load this page using your mobile data plan.

Art Directing the Web

As I mentioned last week, I’ve written a new talk to help me cope with my obsession with making layouts that are different from what we mostly see on the web these days. It’s called ‘Art Directing the Web’ because in the talk I make the point that we should make different layouts not just for difference sake, but to better communicate the meaning of our content and to tell better stories.

Unfinished Business 119 ‘The Meta Is In Title Case’ with Espen Brunborg and Joe Leech

In this, the first part of the Unfinished Business Bank Holiday double, I’m joined by Espen Brunborg, designer and co-founder of Primate, plus Strategic Commander of User Experience and author of ‘Psychology for Designers’ Joe Leech. It’s more of a work related episode and we talk about; developing content for clients, why you should do your own research and not believe that everything you read on the internet, and whether you should get involved in competitive pitching and tendering?

Choppers

When illustrator Josh Cleland and I were designing our “It’s the taste” home page header, we were of course paying homage to the classic PG Tips TV commercials from the 1970s. In particular, the ad that’s been my favourite, Mr. Shifter. Yesterday, Choppers, the last surviving chimpanzee from that 1971 commercial died.

Losing Lemmy

Sue and I were driving home last Sunday when I realised that on Tuesday this week we would’ve seen Motörhead live at the Manchester Apollo.

Using contenteditable while designing with a browser

While I’m finalising the table of contents for my ‘shot,’ I’ve been thinking about the things that I regularly do when I’m ‘Designing with a Browser’, one of which is using the contenteditable attribute in the templates that I share with clients.

This Englishman’s top five country music albums of 2015

Let me start this list of my top five country music albums of 2015 with a confession. Although country’s been by far my most listened to genre again this year, I haven’t listened to it as much as I have the past few years. In the latter part of the year, I’ve taken several musical diversions. The last one’s been Electric Light Orchestra, a band that I’ve loved since my teens. But, with the possible exception of their Wild West Hero, they couldn’t be further from county.


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.