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.

Advanced CSS Styling workshop example

I’m busy working on the slide deck and example site files for our Advanced CSS Styling workshops in Birmingham, Newcastle (and Tokyo). I’m really excited about this new workshop format and wanted to share one of the example site pages.

Extreme Makeover, typography edition

The Carsonified roadies have loaded their white Transit and braved the ferry across the sea to Northern Ireland. This week I’m joining the Future Of Web Design Tour in Belfast, presenting “How to Design in the Browser”. More on that later. But first, a one-hour workshop, “Extreme Makeover, Typography Edition”

Typedia

Typedia, a community website to classify typefaces and educate people about them. — From the head of Jason Santa Maria.

Lessn

Lessn is an extremely simple, personal url shortener written in PHP with MySQL. — I implemented Lessn on my own short URL in less than a minute.

A little post-holiday reading

I’m back from two-weeks hard-earned holiday in the south of France. What have I missed? Over five-hundred unread RSS posts for starters. I’m not usually one for best of entries, but here, in no particular order, are some things that have caught my attention — too many for a deluge of elsewhere entries.

Testing Typotheque @font-face embedding

Typotheque is an independent type foundry based in the Netherlands who offer fonts for PC and Macintosh. They have kindly invited me into the beta program of their new @font-face embedding service.

Advanced CSS Styling workshop schedule

If you’re planning to attend, or thinking about attending, one of our Advanced CSS Styling workshops in either Birmingham on September 25th 2009 or Newcastle Upon Tyne on October 30th 2009, here is the schedule for the event workshop to whet your appetite.

Designing with @font-face delivery services

With all the buzz around @font-face delivery services such as Typekit, one question remains to be properly answered. How can web designers show concept work to their clients when the fonts they want to use are hosted (and protected)?

Sisters

I’ve been slowly evolving the design of For A Beautiful Web over the last few months since I relaunched it in April. Back then I stripped it back from its almost universally unpopular first design, then added hints of a future direction on the home page. Now that design has matured and today I launched its sister site at Transcending CSS.

Announcing Advanced CSS Styling workshop dates in Birmingham and Newcastle Upon Tyne

We had such a great time presenting our master-classes in London last year and in Melbourne, Canberra and Sydney, we decided to host more. ‘Advanced CSS Styling’ will be a one-day workshop in Birmingham on September 25th 2009 and Newcastle Upon Tyne on October 30th 2009. Ten early-bird tickets are available per event at only £275.00+VAT per person, but get in quick, these are sure to be snapped up quickly.

typetogether

Something tells me I’m going to do a lot of shopping on this site. I already have a use for Adelle.

First impressions of Typekit

This morning my inbox popped with an invitation to the preview of Typekit, a technology platform that hosts both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM. Back in May I wrote that Typekit will change everything, here are my first impressions of Typekit in action at For A Beautiful Web.

Helveticons

Royalty-free vector icons, glyphs and symbols based on the Helvetica Bold typeface.

Modernizr

Have you ever wanted to do if-statements in your CSS for the availability of cool features like border-radius? Well, with Modernizr you can accomplish just that! — Now this is promising. I will be testing and writing about Modernizr later this week. Also, read Proudly Announcing: Modernizr by Faruk Ate?.

html5doctor

html5doctor is a collaboration between, Rich Clark, Bruce Lawson, Jack Osborne, Mike Robinson, Remy Sharp and Tom Leadbetter. — I learned something in the first five minutes, good stuff.

New Internationalist — the last ten days

It’s been ten days since I uploaded the last batch of New Internationalist design files. Since then the team at New Internationalist have had time to live with the templates and make a small number of suggestions and requests that I have implemented over the last couple of days.

Fearful

Smashing Magazine published an excellent primer for CSS3 properties by Inayaili de Leon today which referenced a little of my work. I was pleased, but as today as gone on and I’ve watched the comments roll, my heart started to sink.

Ideology

As true now as it was in 1986.


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.