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.

Text substitutions and aText

Dan Cederholm has been designing a stylish interrobang (‽) for his next new typeface and tweeted that he needs to learn how to type one. John Gruber replied with his suggestion using text replacement in MacOS. I use a similar solution using aText to make typing these unusual characters easier.

My go bag 2021

When I started travelling regularly to Switzerland for work, I put together my go bag of accessories. What’s in the bag has changed over past few years, so here’s an update on what I’m packing.

10 books you should add to your web design inspiration collection

To help get web design out of its rut, I’ve been encouraging people to look outside the web to all areas of design for inspiration. There’s so much we can learn from books about editorial, graphic, and print design and I’ve been sharing books from my collection. Here are the top 10 books you should add to your web design inspiration collection.

Thoughts on YesCymru

I’ve been a paying member of YesCymru for the past year, because I believe that Wales would have a better future as an independent nation. At the very least, people who live in Wales deserve a vote on independence. I have thoughts about the YesCymru message and how they can make a better case for independence.

A book for your inspiration collection: Alex Steinweiss

There’s so much we can learn from books about editorial, graphic, and print design to help us get web design out of its rut. So, I’m sharing my collection and recommend this book about the work of Alex Steinweiss, the inventor of the modern album cover.

A book for your inspiration collection: Richard Hollis

To help get web design out of its rut, I think people should look outside the web to all areas of design for inspiration. There’s so much we can learn from books about editorial, graphic, and print design. So, I’m sharing my collection and recommend this book about the work of British designer Richard Hollis.

Quick typography tips №1

Here’s a quick design tip for improving the readability and style of long passages of running text.

A book for your inspiration collection: David King

I’m sharing my design books collection to help encourage designers to drag web design out from its rut. I recommend this book about the work of British designer and design historian David King.

A book for your inspiration collection: Paula Scher

To help get web design out of its rut, I think people should look outside the web to all areas of design for inspiration. So, I’m sharing my collection and recommend this book about the work of American graphic designer Paula Scher.

Time to update your theme-color meta tag for Safari

There’s been a meta tag for specifying a theme-color for UI elements on websites for a while. If you’ve used it, now’s time to change that element along with the upcoming version of Safari.

A book for your inspiration collection: Wim Crouwel

To help get web design out of its rut, I think people should broaden their knowledge of all areas of design. So, I’m sharing my collection and recommend this book about the work of Dutch designer Wim Crouwel.

A book for your inspiration collection: Robert Massin

My bookcase holds my growing collection of books about editorial and graphic design and studying them has completely changed how I approach design. To help get web design out of its rut, I think people should broaden their knowledge of these areas of design. So, I’m sharing my collection as it grows.

The Peacock

Sue gets up earlier than I do. Every morning she leaves me in bed, walks down the stairs and towards our kitchen, and opens curtains along the way without thinking. That morning, a beautiful bright blue and green peacock stared back at her through our dining room window.

A quick note about AirTag key-rings

I bought a four-pack of Apple’s new AirTags, two for me and one each for the family. To make them more useful, I needed ways to attach them to my keys and backpack. I think AirTags themselves are reasonably priced, but Apple’s own-brand accessories definitely aren’t.

Layout Love: Take the guesswork out of layout by using ratios

One of my biggest problems with grids included with frameworks is that they offer little or no help in deciding proportional relationships between elements. Ratios can be an enormous help in determining these relationships, but they’re rarely written about in relation to web design. I want to change that.

Layout Love. How and why I built it

I’m not a framework user. I’ve never once used Bootstrap and I didn’t use 960gs or Blueprint before that. I can understand the benefits of using a framework or off-the-shelf templates, but they weren’t ever for me. Still, 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.

The Alternative CSS principle

Let’s face it, unless you develop a complex product—and even if you do—you probably don’t need half the humungous hunk of CSS you bung at a browser. In fact, it’s possible you only need one default and one alternative style for every element.

We’re looking for a product designer to join Nozomi Networks

For 35 weeks every year—three weeks per month—I work with Nozomi Networks guiding the creative direction and experience design of their cyber security products. The team is growing, so we’re looking for a product designer to join us.


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.