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.

Opera moves to Webkit for future products

Bruce Lawson on Opera Developer News:

The WebKit project now has the kind of standards support that we could only dream of when our work began. Instead of tying up resources duplicating what's already implemented in WebKit, we can focus on innovation to make a better browser.

And their CTO Håkon Wium Lie on the [webkit-dev] mailing list:

The first contributions from our side will be in multi-column layout. We have experimented with combining multicol layout with page floats and column spans; in 10 lines of CSS code one can create amazingly beautiful, scaleable and responsive paged presentations.

This really is great news. I wish Opera every success with this.

Luke Brooker: Improving Your Responsive Workflow with Style Guides

Exactly one year ago, I linked to slides from a short talk I’d heard in Brisbane, Luke Brooker’s Future Friendly Style Guides. Again today, poking around SpeakerDeck I found slides from a more recent talk by Luke, Improving Your Responsive Workflow with Style Guides. It expands on his earlier thoughts and is well worth your time.

(Changing the subject slightly, it occurs to me that if you’re looking to get into speaking, writing a talk and sharing your slides even before you’ve given it is a great way to make conference organisers aware of what you have to say. Even better, give the talk as a screencast in the privacy of your own home and share the audio/video on YouTube or Vimeo. Everyone loves to find new talent, attendees, organisers and speakers.)

Unfinished Business episode 5: Abomination on legs

In this week’s episode of Unfinished Business, Anna and special guest co-host Rachel Andrew — web developer and Director of edgeofmyseat.com — the company that makes Perch CMS. They answer listener questions about working with clients, customers, insurance, work/life balance and subcontracting.

I want to say a huge thank-you to Rachel for stepping in, how much I enjoyed this week’s episode as a listener and to the fabulous Anna who just gets better and better each week.

Unfinished Business episode 4: Total jerk loser

In this week’s episode of Unfinished Business, Anna and I talk about our experiences when we’ve lost out on business and not got a dream job, doing a bad pitch (I have done plenty of those), learning from those mistakes and how not to take it personally when a client moves on.

Dan Mall: A problem of expectations

Dan Mall, following up on Brad Frost:

As an industry, we sell websites like paintings. Instead, we should be selling beautiful and easy access to content, agnostic of device, screen size, or context.

Reminds me of:

Worse still are the expectations that static visuals set in the minds of clients, particularly when designers use these visuals as a method to get sign-off for a design. Is the fact that so many web pages are fixed width and centered a direct result of clients signing off fixed width design visuals?

Funny how things come around.

modern.IE

Testing on all versions of Internet Explorer will be much easier from now on thanks to their new suite of testing tools, modern.ie.

The included tools look impressive on their own, but the website is also full of helpful information. Scanning this site revealed not only that I’m running an outdated version of jQuery but that I can help Windows 8 touch users simply by adding canvas { -ms-touch-action: double-tap-zoom;}. Handy.

If you don’t develop on Windows (I don’t) Microsoft are offering three months BrowserStack virtual testing free. I’m baffled by the fact that to get the free offer I have to login using a Facebook account (that I don’t have,) but BrowserStack have their own (shorter, I think) free trial.

Hats off to Microsoft. modern.IE may just let me ditch the 63Gb of virtual machines I use just to test Internet Explorer.

Guesting on The East Wing with Tim Smith

On Monday evening I had the pleasure to speak with Tim Smith on his show The East Wing. We talk about book authoring, business podcasts and how better to manage client relationships. The East Wing is a great show and I thoroughly enjoyed speaking to Tim.

Brad Frost: The Post-PSD Era

Throughout my career, I’ve watched immensely talented designers waste a shitload of time creating fully fleshed-out comps of what a website could look like.

Sophie Schmidt visits North Korea

Sophie Schmidt, daughter of Google chairman Eric Schmidt, visited North Korea and wrote a fascinating account of what she saw along with a few photos. Personally, I’ve always been fascinated by totalitarian, propaganda art and North Korea is one of the few places left in the world to see it.

While you’re waiting

I know how hard it can be, waiting a whole week for a new episode of Unfinished Business. To make things easier, here are two more creative business related podcasts for you to try.

Anna Debenham and I have Unfinished Business

Late last year, Anna Debenham and I were talking on the phone. It was one of those easy conversations where we talked about the good and bad of the work we were doing and how to solve a business problem we both had. Before we knew it, an hour had gone by and one of us (I don’t remember who) said, half jokingly, “we should do a podcast about the business side of working on the web.” So we did.

ITV’s rebrand and responsive home page

Britain’s first independent television channel, ITV, unveiled both its new logo and a responsive new home page today. I’m a fan of the curvy new logo and how it changes to match a backdrop. The home page is full of thoughtful details too, made all the more interesting to me because my work at STV (the Scottish franchise for ITV) over the last year has tackled many of the same problems.

Unfinished Business episode 1: Monkey Business

In Monkey Business, the first episode of our new show Unfinished Business, Anna Debenham and I talk about why a show about business is important and why one needn’t be boring. We chat about last week’s CES and if and when designers and developers might need to buy new devices. And of course, I talk about Planet Of The Apes while Anna nods politely.

Come on down

Yesterday, when I appeared on The Web Ahead, I issued this challenge to anyone who complains about hearing familiar faces speak at web conferences:


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.