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.

Typography is poetry (More on Typesetting The Waste Land)

Judging from the response from the people who attended, our first Visual Web Design Masterclass in London this month was a huge success. As a large part of the day was spent learning about typography, both relating to type and to layouts devised from typographic principles, I chose to illustrate the lessons by typesetting The Waste Land, a poem by TS. Eliot. If you weren't able to attend, now is your chance to take a look at the results of my experiments.

Everything You Know About CSS Is Wrong (book review)

One of the questions that I get asked quite frequently is until CSS3 moves forward, is there anything new we can say, or write, about CSS?. That's a good question. Not as good perhaps as Why does Gordon Brown do that funny thing with his mouth? or Would Eddie Izzard make a good Doctor Who?, but quite a good question none-the-less.

Widon’t

Love ExpressionEngine and typography, but hate widows? Eliminate widows in entry titles with the Widon't plugin.

Guerilla venue switching

What would you do if with only minutes until your guests arrive for your first workshop event, your venue suddenly becomes unavailable? Would you panic?

A tribute to Microformats (a reader question answered)

Enrique Ramírez wrote to me yesterday with a few questions about Microformats and markup. I’ve been asked these questions before, a few times. So rather than send Enrique my answers on a postcard, I’m replying in public, with Enrique’s permission of course.

Who will watch the Watchmen

I promise. In the run up to the opening of the Watchmen movie next year, I will resist the urge to write about or link to every piece of Watchmen trivia.

Have a beer with Karl Marx

Well not exactly. Herr Marx has been dead for 125 years, and anyway, I hear that he was often too poor to buy a round. Still, we think that we're showing solidarity to hold our Visual Web Design Master Class evening social in the beardy geezer's local boozer.

Sleeveface

According to the blurb, one or more persons obscuring or augmenting any part of their body or bodies with record sleeve(s) causing an illusion. Hilarious.

Pens Are My Friends (book review)

It's lovely to come home and find something nice waiting for you, isn't it? A nice cup of freshly brewed tea is lovely (nicer with biscuits, but not so common). So is a nice piece of ginger cake with lemon icing. A smiley lady is nice too. I got all three today (which was lovely), but what made it lovelier was a copy of Jon Burgerman's retrospective book of his illustrations, Pens Are My Friends.

Win a copy of Inspired Design (DVD) and Transcending CSS

I am really, really pleased that places on our Visual Web Design Master Class are selling fast. Book your place before 10th October 2008 and you could win a copy of Inspired Design (DVD) and Transcending CSS (book), together worth £68.00*.

Five CSS design browser differences I can live with

Web designs need not look exactly the same in all browsers. I know that’s a topic I have written about and spoken on a fair amount before, but somehow I’m always amazed by the reactions that I get when the subject comes up.

Time to stop showing clients static design visuals

Demonstrating our designs to clients as XHTML/CSS pages rather than as static Photoshop or Fireworks has streamlined our workflow and helped us to set and manage a client’s expectations better than ever before.

Typechart

Typechart lets you flip through, preview and compare web typography while retrieving the CSS. A very clever idea and beautifully executed.

The best conference schwag?

Having spoken at almost twenty major conferences in the last few years, I've picked up a fair selection of schwag items and giveaways. Now that we are busy organizing our first For A Beautiful Web events, I'd love to know what the best shwag items you've received are.

Introducing For A Beautiful Web

It's been on my mind for a while. In the last few years I've been one of the luckiest web designers on this planet (and probably others) because I've been asked to travel all over the world to talk about web design, CSS and even comic books. I love every minute of it.

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.