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

SVG experiments for Emma’s website (part two)

Emma Bodger is a film/television producer, and recently, I’ve spent time working on her visual identity and a new website. It’s been a lot of fun, and I also learned more about SVG while working on it. I’m digging into the details this week, and today I’ll explain how I made experimental banner images for Emma’s home page using SVG masks.

SVG experiments for Emma’s website (part one)

Emma Bodger is a film/television producer, and recently, I’ve spent time working on her visual identity and a new website. It’s been a lot of fun, and I also learned more about SVG while working on it. I’m digging into the details this week, and today I’ll explain how I made an experimental word search concept for Emma’s home page.

A pseudo-3D effect for Emma’s home page banner

Emma Bodger is a film/television producer, and recently, I’ve spent time working on her visual identity and a new website. It’s been a lot of fun, and I also learned a few things while working on it. I’m digging into the details this week, and today I’ll explain the pseudo-3D design I created for Emma’s home page banner.

SVG filters for Emma’s website

Emma Bodger is a film/television producer, and recently, I’ve spent time working on her visual identity and a new website. It’s been a lot of fun, and I also learned more about SVG while working on it. I’m digging into the details this week, and today I’ll explain the SVG filters I created to transform images on Emma’s website.

My new personal website

I don’t know whether it’s been a reaction to post-Musk Twitter from the people I read and talk with on Mastodon, but there seems to be a renewed interest in personal websites and hosting one’s own content.

SVG is the better option for Apple Black Friday dates

After writing yesterday’s blog entry on Re-coding Apple’s Black Friday dates I realised I had missed the bleedin’ obvious solution. That instead of wrangling CSS and HTML, SVG could’ve been the better option.

Using data- attributes for style variations

In a video of one his talks, Andy Bell mentioned CUBE CSS and his approach to using data attributes for variations (exceptions) to design styles. I’m currently working on a grid system for a product project and revamping my Layout ❤︎ templates, so was keen to implement this approach.

Re-coding Apple Black Friday dates

Most parts of Apple’s website are fabulously flexible. But today, I was browsing for Black Friday deals and found a fixed-width design element which I was determined to make flexible.

Tory leadership campaign catchphrases ranked

The spectacle of yet another Tory leadership campaign—this time to replace Boris Johnson—is in full swing. So, I thought it would be fun to rank the hopefuls’ campaign catchphrases. The results may shock you.

Lost and found

We stopped at a motorway services to buy baguettes for lunch yesterday, on our way down through France. I left my wallet behind and I didn’t notice until we were an hour further down the road.

Showing 181 to 190 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