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.
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.
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.
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.
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.
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.
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.
Throughout 2020, I’ve committed to designing 52 designs for a series of Inspired Design Decisions. This is week twelve and my design this week was inspired by Swiss born graphic designer Armin Hoffman who is now 99 years old.
Throughout 2020, I’ve committed to designing 52 designs for a series of Inspired Design Decisions. My design this week was again inspired by Max Huber. Huber taught graphic design in the Swiss town of Lugano, which coincidentally is where I stay when I go to work in Switzerland. He died in Mendrisio—where my Swiss office is—in 1992.
Throughout 2020, I’ve committed to designing 52 designs for a series of Inspired Design Decisions. This is week ten and my design this week was inspired by Czechoslovakian born graphic designer and typographer Ladislav Sutnar.
Throughout 2020, I’ve committed to designing 52 designs for a series of Inspired Design Decisions. My design this week was again inspired by graphic designer and typographer Herb Lubalin.
Throughout 2020, I’ve committed to designing 52 designs for a series of Inspired Design Decisions. My design this week was inspired by American modernist graphic designer, Lester Beall.
Throughout 2020, I’ve committed to designing 52 designs for a series of Inspired Design Decisions. My design this week was inspired by Max Huber. Huber taught graphic design in the Swiss town of Lugano, which coincidentally is where I stay when I go to work in Switzerland. He died in Mendrisio—where my Swiss office is—in 1992.
Throughout 2020, I’ve committed to designing 52 designs for a series of Inspired Design Decisions. My design this week was inspired by Alvin Lustig. Lustig’s work as a book, graphic, and typeface designer has been influential long after his death in 1955.
Throughout 2020, I’ve committed to designing 52 designs for a series of Inspired Design Decisions. My design this week was inspired by Bradbury Thompson. Although less well-known than many of his contemporaries, Bradbury Thompson has been called “one of the giants of 20th-century graphic design.”
Throughout 2020, I’ve committed to designing 52 designs for a series of Inspired Design Decisions. My design this week was inspired by Alexey Brodovitch. You can read more about him and his work in my article for Smashing Magazine.
Throughout 2020, I’ve committed to designing 52 designs for a series of Inspired Design Decisions. My design this week was inspired by “the pioneering female art director you’ve never heard of,” Bea Feitler.
Throughout 2020, I’ve committed to designing 52 designs for a series of Inspired Design Decisions. My design this week was inspired by graphic designer and typographer Herb Lubalin.
For the past six months, I’ve been designing, writing, and presenting a series of Inspired Design Decisions articles and webinars for Smashing Magazine. These have been brilliantly well received and I wanted a regular project to experiment with new designs.
Back in 2005, my friend Drew started a Christmas advent calendar website and asked me if I’d write something for it. Of course, I agreed, and my first 24ways article was “Z’s not dead baby, Z’s not dead.” It was a short piece how z-index and positioning in CSS could “be used to create designs which ‘break out of the box.’ This year, I returned that topic in what will be my fifteenth and final article for 24ways.
Earlier this year, New Riders gave me back the publishing rights to my first book, Transcending CSS: The Fine Art of Web Design. I’d originally intended to post a PDF of the original book online, but the terms of my contract meant that I couldn’t simply give away a copy of the book New Riders had produced. I needed a new plan.
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. For example:
I wrote Transcending CSS: The Fine Art of Web design, way back in 2006. As I explained, writing my first book was a challenge, personally and professionally.
I love rock music and I also love writing HTML and CSS code, so what better way to bring my two loves together than a set of shirt designs which celebrate both? Code ♠ Shirts ♠ Rock designs are inspired by classic rock band logos. Wear them at home or at work, to a gig, or your next tech conference. They’re ideal gifts for the code loving rocker, or rock loving coder you know. The shop is now open.
To celebrate the launch of my Code ♠ Shirts ♠ Rock tees tomorrow, here are my top five rock albums of all time.
I love rock music and during the 1980s I saw AC/DC on their Back In Black tour, Girlschool, Iron Maiden (before Bruce Dickinson,) Judas Priest, Saxon, Thin Lizzy, and of course Motorhead with their classic line up of Lemmy, Fast Eddie and Philthy Phil. Motorhead were always my favourite, and when my son was old enough to have his own ear drums damaged, we went to see them together.
It always baffled me that with a name like Smashing Magazine, my friends at Smashing hadn’t published a, errr, magazine. Well, now they have.
I’ve just finished my third (in my series of 12) Inspired Design Decisions webinars for Smashing Magazine. This month, I spoke about how to combine consistency with variety to create a consistent experience of a design across an entire product, publication, or website.
While developing prototype designs for a French football magazine, I came across a strange bug when Chrome’s translate feature comes into contact with CSS generated content.
These days, most of my travel is to my biggest clients in France and Switzerland, but there’s also travel to speak at the occasional conference, and the odd business trip. Every time I travel, I take with me the same set of cables and chargers.
I’m looking forward to tomorrow afternoon (May 21st,) and sitting down with Smashing Magazine’s Vitaly Friedman for the second of my Inspired Design Decisions webinars, exclusive for Smashing members. This webinar is my deepest dive so far into the concept of compound grids and how to use them.
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.
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:
I’m available to work on new design projects.