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.
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.
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.
My collection of classic cartoon title cards, lovingly recreated using CSS, SVG, and SMIL animations.
A growing of classic cartoon card titles and CSS techniques.
One of my responsive easter egg headers—Kerfuffle on the Planet of the Apes—updated with more efficient, modern code.
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.
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.
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.
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
I’ve never understood website “maintenance” plans. Websites don’t need oiling. They do need attention, though.
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.
In this episode of Unfinished Business, Rich and I talk about the best type of RFP (request for proposal) and how Rich got excited when he recently one which stood out from the rest.
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.
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 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.
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.
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’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.
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.
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.
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.
Although I feel deeply conflicted, I’ve been using AI coding tools more often to speed up particular aspects of development. Recently, I added an AGENTS.md to my setup so I don’t need to repeat my preferences.
I designed an information-rich website for The Shared Homeland Paradigm, using typography and graphics to clearly and visually explain complex political ideas. Here’s how I approached it.
The Academy of Scoring Arts just launched its new website. It’s a community of arrangers, composers, and musicians that helps industry professionals develop their craft through events and video tutorials.
I designed a website for composer Begoña Pereda using typography and animated SVG graphics to reflect her personality and musical style. Here’s how I approached it.
Three podcasts for the price of one. One Footer in the Grave, Troika, and Unfinished Business. In this special crossover episode, Rich and I are joined by Jon Hicks and Marcus Lillington to discuss which three tracks we’d want with us if we were marooned on a deserted planet.
In this episode of Unfinished Business, Rich and I talk about how AI coding tools fit into our workflows at ClearLeft and Stuff & Nonsense. Then, I explain how I used AI to help me build Sho!io, a new app for sharing designs.
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.
This week on Unfinished Business, Rich and I are joined by developer and organizer of London Web Standards and State of the Browser, Dave Letorey.
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.
Yours truly over at the Smashing Magazine: “CSS relative colour values are now widely supported. In this article, pioneering author and web designer Andy Clarke shares practical techniques for using them to theme and animate SVG graphics.”
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.