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.

WikiLeaCSS

I’ve always believed that content on the web should be free (from presentation).

From Air To Eternity

My new Macbook Air arrived this evening and it’s the best laptop I’ve ever owned. Less than an hour after unpacking it, it’s already the travelling production powerhouse I wanted.

Love, love me, do

Ahead of an announcement I’ll be making tomorrow (don’t tell anyone, but it’s about Hardboiled Web Design workshops), I decided to make a little fun of myself.

Video of my Hardboiled Web Design talk from DIBI 2010

If you didn’t get a chance to catch my Hardboiled Web Design talk at a conference this year, your luck just came in. Those fine chaps at CodeWorx have posted a high quality video of the entire talk. I’ll post a text transcript and slides from the talk later this week.

Working on MobiCart

Back in August I started work on a new design for MobiCart, a new mobile e-commerce platform, designing both the front-of-house site and the back-end admin. It was fun, although it lasted only a few weeks.

Wipe-out

I’m tired. Really tired. Not just the tiredness that comes from back-to-back transatlantic flights crammed into airline seats (although I have another one of those to look forward to today), but the kind of tiredness that goes deep into my bones.

Hardboiling it (the example files)

A large part of writing a book about website design, markup and CSS is designing and producing the example files that accompany the book. For Hardboiled Web Design, this meant several months of designing, coding, redesigning, recoding and testing.

TypeFolly

At Web Directions @media last week, Mircea Piturca (who attended my Advanced CSS Styling workshop) showed me his latest side-project — TypeFolly — a designing in a browser interface experiment made entirely using jQuery pulling fonts from the Typekit API.

TypeFolly is probably the first web typography tool that allows designers to easily create beautiful “type follies”. The result is a fully html & css3 compliant code. TypeFolly gives designers the freedom to create beautiful type compositions, test new font combinations and fully enjoy the power of CSS3.

An amazing piece of work.

Beards in web design: Group interview

In the comments of many web design group interviews, many readers ask for more beards on the panels in particular because, There is no way of discerning how the experience of a bearded designer might differ, simply because there is a complete lack of representation. So, we decided to prepare an article featuring specifically professional bearded designers giving their expert advice.

Hard Graft’s Heritage iPad Case

If you own anything made by Apple, you possibly already know about Hard Graft. I’ve been a huge fan of them, their cases and sleeves since a friend introduced me to them a year or so ago. So when Apple announced the iPad, I knew I wanted a Hard Graft case for it. Hell, I wanted a Hard Graft iPad case even before there was an iPad. And now I have one.

CannyBill redesign goes live

It seems like months ago (it was) when I handed over my design templates for the redesign of CannyBill. Since then, the canny chaps have been working hard to implement the design and @RellyAB has been working her strange magic on their copy. Yesterday the new CannyBill site went live.


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.