My site’s moved CMS and servers. If you spot a problem, let me know.

Stuff & Nonsense product and website design
Shop

Eleventy in a Box

A premium Eleventy starter kit for designers and developers who want to spend less time setting up the same project structure and more time designing distinctive websites.

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

Time to update your theme-color meta tag for Safari

There’s been a meta tag for specifying a theme-color for UI elements on websites for a while. If you’ve used it, now’s time to change that element along with the upcoming version of Safari.

A book for your inspiration collection: Wim Crouwel

To help get web design out of its rut, I think people should broaden their knowledge of all areas of design. So, I’m sharing my collection and recommend this book about the work of Dutch designer Wim Crouwel.

A book for your inspiration collection: Robert Massin

My bookcase holds my growing collection of books about editorial and graphic design and studying them has completely changed how I approach design. To help get web design out of its rut, I think people should broaden their knowledge of these areas of design. So, I’m sharing my collection as it grows.

The Peacock

Sue gets up earlier than I do. Every morning she leaves me in bed, walks down the stairs and towards our kitchen, and opens curtains along the way without thinking. That morning, a beautiful bright blue and green peacock stared back at her through our dining room window.

A quick note about AirTag key-rings

I bought a four-pack of Apple’s new AirTags, two for me and one each for the family. To make them more useful, I needed ways to attach them to my keys and backpack. I think AirTags themselves are reasonably priced, but Apple’s own-brand accessories definitely aren’t.

Layout ❤: Take the guesswork out of layout by using ratios

One of my biggest problems with grids included with frameworks is that they offer little or no help in deciding proportional relationships between elements. Ratios can be an enormous help in determining these relationships, but they’re rarely written about in relation to web design. I want to change that.

Layout ❤. How and why I built it

I’m not a framework user. I’ve never once used Bootstrap and I didn’t use 960gs or Blueprint before that. I can understand the benefits of using a framework or off-the-shelf templates, but they weren’t ever for me. Still, I wanted a simple set of layout modules I could call on for design projects, so I developed my own. I call them Layout ❤.

The Alternative CSS principle

Let’s face it, unless you develop a complex product—and even if you do—you probably don’t need half the humungous hunk of CSS you bung at a browser. In fact, it’s possible you only need one default and one alternative style for every element.

Showing 221 to 230 of 1263 posts

Newer
Older

Andy Clarke. Web design pioneer

Andy Clarke

I’m Andy Clarke, a product and website designer. My work blends art direction, branding, and editorial to help people improve their products and websites. I’ve written books about website design, given talks, and delivered design workshops worldwide.

Browse topics

Browse tags

Britpack

Favourites