Blogging and all that Malarkey

A composer’s website shouldn’t look like everyone else’s. Here’s how I designed a portfolio for Michael Baugh that reflects the person behind the music.

A composer’s website shouldn’t look like everyone else’s. Here’s how I designed a portfolio for Mike Worth that reflects the person behind the music.

Music creates atmosphere long before it tells a story. I wanted Ryan Knaggs’ website to create that same feeling through colour, typography, and layout.

Every designer draws inspiration from somewhere. Here’s how I transformed Tristan Jakob-Hoff’s love of mid-century graphic design into his distinctive website.

I redesigned my contact page animation as a gold mine scene. Here’s how I approached the artwork, structured the SVG, and added subtle ambient animation using CSS.

Winter’s definitely arrived, and there’s a chill wind blowing. We haven’t had snow in the village yet, but it’s falling on my website, courtesy of a new ‘snow mode.’

Yours truly over at the Smashing Magazine: “In this article, pioneering author and web designer Andy Clarke shows his techniques for creating Toon Text titles using modern CSS and SVG.”

While the smart people finish the Academy of Scoring Arts website’s CMS development, I’ve been rummaging through my design files and rediscovered several concepts that didn’t make it into the final design.

I mentioned last week that as well as expanding my Toon Text styles gallery, I’d added a Toon Text generator to help me (and you) create text in the style of those classic cartoon title cards. Now, I’ve launched a major update to both.

Sometimes I don’t want to style a whole word or heading. I want to style individual letters—to nudge a character into place, give one glyph extra weight, or animate a few letters independently. Sadly, some splitting solutions don’t deliver an always accessible result. With the help of a developer pal, I've written my own text splitter, Splinter.js.