Stuff & Nonsense product and website design

Blogging and all that Malarkey

Shop

Contract Killer template

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.

Shop

Layout ❤︎

Free compound grid and modular grid layout generators, plus a set of HTML/CSS layout templates you can call on to make more interesting layouts, available to buy.

Workshop

Toon Titles

My collection of classic cartoon title cards, lovingly recreated using CSS, SVG, and SMIL animations.

Toon Text

A growing of classic cartoon card titles and CSS techniques.

Workshop

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.

Shop

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.

Last week in the studio (CW21-26)

In this regular “Last week in the studio” series, I write about what I worked on during the previous week. Last week was one without a solid piece of work to tackle. Instead, I spent it on some updates to a client’s design and on making a little website for myself.

Last week in the studio (CW20-26)

In this regular “Last week in the studio” series, I write about what I worked on during the previous week. Last week was spent on a more business-focused but no less creative project

Last week in the studio (CW19-26)

In this regular “Last week in the studio” series, I write about what I worked on during the previous week. Last week was partly time away from the studio, so it felt a little disjointed.

Making my view options toolbar more intuitive

The view options toolbar at the bottom of my animated banners has irked me for a while. It had grown one button at a time, and the result looked ill-considered rather than designed. With a few minutes to spare at the end of last week, I finally redesigned it.

Last week in the studio (CW18-26)

In this regular “Last week in the studio” series, I write about what I worked on during the previous week. Last week was quiet enough for me to take an afternoon off to enjoy the sunny weather, but I still got plenty done.

Militant masthead logo (r)evolution

Militant was a British socialist newspaper associated with the Militant ‘tendency,’ a left-wing political movement whose members were ultimately expelled from the mainstream Labour Party. I looked back at how the Militant masthead logo evolved between 1964 and 1997.

Eleventy in a Box—just add water

For the past few years, unless a client insists otherwise, Eleventy has been my go-to for building websites. It gives me complete control without the overhead of a traditional CMS. Recently, I’ve pulled everything I’ve learned into my own Eleventy in a Box system for starting projects quickly, and boy-oh-boy, has it saved me a ton of time.

Last week in the studio (CW17-26)

In this regular “Last week in the studio” series, I write about what I worked on during the previous week. Last week was a good one as I could concentrate on just one thing.

I added a spring mode to my animated SVG landscape

I’ve added a “spring mode” to my animated SVG desert. Flowers bloom, colours shift, and the whole scene feels more alive—all without creating a separate version. Instead, I’m layering changes on top of the same SVG and letting CSS and JavaScript do the work.

Last week in the studio (CW16-26)

I thought it might be interesting to document what I work on during the week, so I started a regular “Last week in the studio” series. Last week was a bit productive but bitty.

Last week in the studio (CW15-26)

As well as showing off work in progress on Sho!io, I thought it might be interesting to document what I’ve been working on here. So I’m starting a new regular “Last week in the studio” series.

Far Right So Wrong; Stop Reform t-shirts are back in my shop

The UK local and Senedd Cymru (Welsh Parliament) elections are a few weeks away. If, like me, you want to say a resounding “no” to far-right Reform and its bigotry, racism, and xenophobia, you might like to show it. My Stop Reform t-shirts are now back in my shop.

I made sho!io. Share what you’re working on without the social noise

I’ve been quietly working on a side project called sho!io, and I’m opening it up to a few people. It’s meant to be a quiet place where you can share one thing you’re making each day, without the usual social noise. It’s early and very much still in progress, but I’d really value your honest feedback if you’re up for trying it.

Panzera Flieger 47

I bought my first mechanical watch back when we were living in Australia for those couple of years. It was a Flieger 47 from the Australian brand Panzera, and it sparked my love of pilot watches.


Andy Clarke. Web design pioneer

About Andy

Hello. I’m a designer, writer, and unapologetic champion of art direction on the web. I work with product and website owners who want more than just a template layout—they want personality, story, and something people will remember.


Subscribe to RSS feed

Browse topics

Browse tags

Britpack

Favourites