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.

Unfinished Business 114 ‘Fair cop guv’’ with Dan Edwards and Daniel Mall

A week later than planned (sorry,) on this week’s Unfinished Business, I’m joined by returning special guest, designer Dan Edwards. And because you wait all day and then two Dans come along at once, joining us is creative director, founder and director of the SuperFriendly agency in Philadelphia, Daniel (the Dan) Mall. We talk about plans for the next Geek Mental Help week in October first. Then, because I’m currently deep into a redesign of Stuff & Nonsense, why working on your own site always feel harder than working on a client sites. We discuss using our portfolios to attract the ‘right’ type of projects and if case studies are the best way to demonstrate what we do.

Unfinished Business 113 ‘Dicking around with an algorithm’ with Cennydd Bowles and Noah Stokes

I’ve been looking forward to speaking with Cennydd Bowles for months and for Unfinished Business 113, Cennydd joins me and my other special guest, product designer Noah Stokes. We kick off by talking about Richard Rutter’s web typography book, but soon the conversation switches to whether, and why, current web designs are lacking ‘soul.’ This is something Noah and I have been speaking and writing over recent months and something that I partly blame on our fixation with user-experience and product design. Does Cennydd agree? You‘ll have to listen to the show to find out.

Unfinished Business 111 ‘I got no beef with the Turks’ with Brendan Dawes and Aaron Draplin

Apologies in advance if you’re German or a Turk, as this week on episode 111 of Unfinished Business, I’m joined by artist Brendan Dawes and designer Aaron Draplin.

We start by talking about spice jars and car boot (garage) sales, but unsurprisingly our conversation soon veers wildly off topic as we discuss how Aaron’s struggling to keep up with demands on his time, how designers can make money selling merchandise and more, much, much more. If you know either Aaron or Brendan, you’ll also know that you’re in for a fast-paced, fun-filled sixty minutes.

The inevitable price

This week at Smashing Conference in New York, I had the very great pleasure of meeting Chris Lilley. I recognised Chris’ name, but it took me a day to remember that he had been the chairman of the ‘Style and Formatting Properties Working Group’ at the W3C, a precursor to the CSS Working Group. Chris is a hugely important person in the history of the web.

Unfinished Business 110 ‘That pig was a good influence’ with Jeremy Keith and Jeffrey Zeldman

Last week was Jeffrey Zeldman’s website’s 20th birthday, so this week he joins me and Jeremy Keith on Unfinished Business 110 to talk about the anniversary. We start by discussing Jeremy’s 100 words for 100 days writing project and how it’s inspired me to change the way that I think about writing on our blog and posting to our portfolio. We talk about the importance of writing for yourself as well as for others and why writing on your own website is important. With it being the twentieth anniversary of Jeffrey’s own site, we also talk about whether it’s important to archive older designs for posterity.

Oh, and please don’t skip this week’s after show segment as boy-oh-boy (girl-oh-girl, man-oh-man, woman-oh-woman) do the sparks fly! We discuss Mad Men, Mad Max and whether advertising can ever be considered as important as a book or a film and, let’s just say, things get very heated.

Speaking at Shropgeek (R)Evolution in September

I’ve always enjoyed attending the Shropgeek (R)Evolution events in the past and been slightly jealous of the people that Kirsty’s asked to speak. This year, I couldn’t be happier that she’s asked me to do the final talk of the final (R)Evolution conference on September 25th in beautiful Shrewsbury.

Marc Thiele on creating the schedule for beyond tellerrand

I know very few people who curate better conference line-ups than Marc Thiele and I was proud to speak at his first event in Berlin last year. It’s great that he’s written up how he thinks about conference schedules so that hopefully others can learn from him.

15 years of Dao

It’s amazing to think that John Allsopp’s oft-quoted article, A Dao of Web Design was published fifteen years ago today. A List Apart asked me what John’s article means to me now, but rather than focus on Dao’s flexible design principles, I wanted to talk about a passage that never seems to get a mention.

Jeremy Keith’s 100 words 016

I’ve been enjoying—and a little jealous of how he can write every day— Jeremy Keith’s 100 words series. Today he wrote about A List Apart’s 15 Years of Dao and I could not agree more with what he said here:

I fear that today we run the risk of treating web development no different to other kinds of software development, ignoring the strengths of the web that John highlighted for us. Flexibility, ubiquity, and uncertainty: don’t fight them as bugs; embrace them as features.

Substitute ‘software development’ with ‘digital product design’ and you have what Dan and Jeffrey were talking about on Unfinished Business this week.

Also, as I said in 2006 at John’s Web Directions conference, “the web is not a power drill.”


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.