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.

FontAvailable

A simple jQuery plugin that checks if a browser supports a given font.

Lead Pipe

Would you be surprised if you heard me grumble about CSS3 and web typography *?

Aussie Rules

A little over a week ago, but what seems like much, much, longer, my wife and I made the long trip from home to Australia to host three Visual Web Design Masterclasses in partnership with our good friends at Web Directions. It proved to be quite a week.

Still Really Worried

It’s always a pleasure to have the opportunity to build on work that I have done in the past, so a few weeks ago I jumped at the chance to work on a small visual design realign for my friend Richard Rubin of Really Worried fame.

In defense of IE6

I've got a Honda CRV. It's eleven years old. It's rusty around the bonnet, the electric windows are sticky and the exhaust is noisy. That's OK. It's been reliable, hardly serviced and as I only drive it a few miles about twice a week, it does everything that I need it to do. I'll probably drive it until I can't drive it anymore.

Reading room

You might have noticed already, things are looking a little different around here. Over the Easter weekend, I took some time away from the pressing matter of eating chocolate to work on a redesign, specifically to address (justifiable) concerns over the previous design’s readability but also to prepare bringing For A Beautiful Web visually in line with a coming redesign of the Transcending CSS book site.

Announcing my new I Can Make You A CSS Zen Master DVD

If you follow me on Twitter, you might know that I've spent the last couple of weeks in San Francisco, recording several DVD titles for New Riders. Most will be available in around three months, but I'm pleased to announce that one, I Can Make You A CSS Zen Master, is available today. Watch the trailer below to find out more.

tweetCC is Wired

I’m sorry for posting twice on the same day about tweetCC, but it’s not everyday that something that I have worked on and feel super passionate about is picked up by, and hits the homepage of Wired.

Designing tweetCC

This week Brian Suda and I launched tweetCC, a Twitter micro-app that allows Twitter users to declare a Creative Commons license for their tweeted content. I’ll be writing more about why we decided to make tweetCC and why licensing you tweets is important in a future entry, but as several people have commented on my design and CSS implementation, first a few words about them.

Wireframes on DVD

I’m currently spending my time writing and preparing content for a new DVD title, Designing Accessibility (For A Beautiful Web), part of a series of DVDs that I am making for New Riders, that will be published sometime in 2009.

Pajamas

Today it came to light in a blog post on Microsoft’s IE Blog that the company intends to include a new ‘compatibility feature’ and black/white list that it hopes will help users if sites break in the up-and-coming release of Internet Explorer 8.

FABW masterclasses Australia 2009

As the title suggests, we’re spreading our wings and taking our For A Beautiful Web Visual Web Design Masterclass to Australia this April, with dates in Melbourne, Canberra and Sydney.

Speaking at @media2009

I’m really pleased that I can announce that, along with a formidable cast of old pros, I’ll be speaking at @media2009 in London on 25th and 26th of June. This will, incredibly, be the sixth time that I’ve spoken at @media (2005, 2006, 2007 (twice), 2008 and now 2009) and this year I’ll be talking about something a little different.

The most effective debt collecting email I ever wrote

Running a small business means that I divide my time between the things that I love doing (project planning, designing and dealing with people) and the things that I don’t enjoy so much (business planning, accounting and dealing with (some) people).

Designing around hAccessibility

At the moment I’m writing a script for a DVD tutorial on microformats  that I will be recording for New Riders at the end of February. While designing some shiny new examples for the hCalendar event microformat, I’ve been revisiting the problems and discussions of accessibility that surround the date design pattern and thinking about possible design solutions.

Compare The Meerkat

Nothing drives me crazy like TV ads for insurance comparison web sites (if I hear once more that you don’t have to be a computer wizard to use confused.com, I might just drive over the edge).

A client-focussed copy style guide

Let’s be fair, few customers are professional writers and few hire one when making a web site. That is why I now include professional copywriting into every estimate as a non-removable item. When customers are adding their own copy to a site, I give them ten simple tips to follow.

Ten

Stuff and Nonsense is ten years old today.


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.