Looking for my new book, Standout Designs for the Web? • Pre-orders open 12th November.

Stuff & Nonsense product and website design
Shop

Standout Designs for theWeb

Drawing on over thirty years of experience, I’ll show you how to uncover a company’s story, develop a distinctive visual language, and combine colour, typography, imagery, and layout to create designs that people recognise and remember.

Shop

Layout ❤︎

Free compound grid and modular grid layout generators, plus a set of HTML/CSS layout templates you can call on to make more interesting layouts, available to buy.

Blogging and all that Malarkey

Search articles, blog posts, and my portfolio.

Latest posts

How I set up a fake web design company to test an idea

Over the past two years, I’ve noticed a significant drop-off in the number of enquiries from local(ish) businesses coming through Google. I wondered whether that might be down to the fact that the opinionated design isn’t to everyone’s taste, so I tried something. A year ago, I set up a fake web design company.

Comic book layouts as web design inspiration

Yours truly over at the Envato blog: “What if we thought of web design more like a comic book? Comic book nerd and web design pioneer Andy Clarke shows you how the structure of comic book layouts—panels, gutters, and rhythm—can inspire more expressive and narrative-driven web designs.”

El Kabong. CSS or GSAP?

Lately, while I’ve been making my Toon Titles and writing about SVG animations, I’ve been pondering where the sweet spot is between CSS and GSAP for animations. This Toon Title, featuring Hanna Barbera’s Quick Draw McGraw in his alter ego El Kabong, illustrates it nicely.

How I built custom post designs into my blog

I’ve always loved it when designers take the time to give their blog posts a little extra polish. Jason Santa Maria did this brilliantly on his old site, and my design hero, Trent Walton, made each post feel like a one-off. With my recent code overhaul, I thought—why not do the same?

Getting creative with versal letters

Yours truly over at CSS Tricks: “How can you style drop and initial caps to reflect a brand’s visual identity and help to tell its stories? Here’s how I do it in CSS by combining::first-letter and initial-letter with other unexpected properties, including border-image, and clip-path.

Code ♠︎ Shirts ♠︎ Rock outline tee

I’ve brought back my Code ♠︎ Shirts ♠︎ Rock tee designs which bring together, err, code and rock. If you didn’t get Oasis tickets, you’ll definitely, maybe, look like supersonic wearing this outline tee.

🔥 those 🤬 emojis

Working to simplify this website’s CSS last week, I updated the pages which promote my CSS Grid templates. I’d called them Layout Love, but I wanted to restyle them as Layout ❤︎. However, I encountered an issue when I checked the pages on iOS and iPadOS, which turned my Unicode characters into emojis.

Showing 111 to 120 of 1131 posts

Newer
Older

Andy Clarke. Web design pioneer

Andy Clarke

I’m Andy Clarke. I’ve spent over thirty years helping businesses, charities, and organisations create memorable websites. I’m also the author of books on web design.

Browse topics

Browse tags

Britpack

Favourites