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.

Design of the dead

Over the past month, I’ve been upgrading my Apple TV movie artwork from portrait to 16:9. Like the artwork for many older film series, Apple’s artwork for George A. Romero’s series of zombie films is more walking on sunshine than walking dead. So—like I did for other series in my collection—I decided to make my own artwork.

Where no design has gone before

I’ve been upgrading my Apple TV movie artwork from portrait to the latest 16:9 format recently. Like the artwork for many older film series, Apple’s artwork for the Star Trek films is less photon torpedo and more phaser set to stun. So, I decided to make my own artwork.

Stuff & Nonsense Christmas gift guide 2021

This year has been a hard one for a lot of people—just like last year, and maybe next year too. To help you make a designer or developer you know smile, I’ve put together my Christmas gift guide 2021.

Design and development book sale

After rearranging my studio and reorganising my bookcases, I have a few design and development books for sale at bargain prices. They’re all in very good condition and would be a great gift for a new or junior web designer or developer.

My desktop audio set up

On several of the podcasts I listen to regularly, there’s been some discussion about the best speakers for a home office setup. So here’s my take.

Quick typography tips №2

Here’s a quick design tip for making headlines more interesting using text-decoration.

Design vs. Godzilla

Over the past few years, I’ve amassed quite a collection of Godzilla films, from the original 1954 Toho production to Legendary Pictures’ monsterverse Godzilla vs. Kong. When I was upgrading my Apple TV movie library from portrait to landscape, I decided to make my own artwork.

Design Another Day

When I was updrading my Apple TV movie library, I was very disappointed by the artwork Apple provided for my James Bond movie collection. So, I decided to make my own. I worked on several concepts and this was another version.

Live and Let Design

I’ve always been fastidious about how my Apple TV movie library looks. When the time came to change the artwork from portrait to landscape, I was disappointed by what Apple provided for my James Bond movie collection. So, I decided to make my own.

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.


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.