Blog

Tips and tutorials about the design and build of web interfaces

Making patterns in Illustrator

Making patterns in Illustrator

Learn how to create, change and duplicate patterns as swatches.

How to use kerning & tracking

How to use kerning & tracking

Understand the differences between the two, along with how and when to use them.

A year in writing — 2016

A year in writing — 2016

2016 was the second year I’ve written a post every week. This post is a summary of what’s happened over the year.

Illustrator quick tip: non destructive shape editing

Illustrator quick tip: non destructive shape editing

You may have two shapes and want to combine them, but still want to refine the overall shape or save it for later. This post shows you two options.

Let’s make a better icon system with SVG

Let’s make a better icon system with SVG

Icon fonts are used for their convenience, which generally can’t be matched by SVG. However, this post aims to guide you through the setup and get to a similar level of convenience.

Monthly design roundup #2

Monthly design roundup #2

The second in a monthly series where I roundup some of the best things in design I found over the course of the previous month. It aims to be a source of website, illustration and branding inspiration, as well as some articles that are a good read.

Christmas gift guide — 2016

Christmas gift guide — 2016

As it’s the festive time of year, I thought I would add to the lists of gifts that people are writing. December and Christmas in general is one of my favourite times of year.

Go2Golf logo case study

Go2Golf logo case study

I’ve been working on a recent branding project for a company called Go 2 Golf. It will be a website that will help people find golf courses across the UK. The first step for them was to have a logo made, this is the process I went through to make it.

Multiple level horizontal scrolling navigation

Multiple level horizontal scrolling navigation

With horizontal scrolling, submenus are quite challenging to make work. Due to the CSS you have to use, a CSS only solution isn’t viable. In this post I show you how to utilise JavaScript.

Maintenance week #6

Maintenance week #6

Maintenance weeks are where detail website tasks, instead of a regular post. I spend time fixing bugs, updating grammar and posts in general, as well as adding featured images. It varies and this type of post details what’s been done.

Monthly design roundup #1

Monthly design roundup #1

This is the start of a monthly series of a roundup of 8 websites that I have found that are well designed. There is no particular theme, other than inspirational, which I hope you find is the case. I’ve added a few notes around why I believe they’re well designed as well.

Illustrator quick tip: workflow enhancing keyboard shortcuts

Illustrator quick tip: workflow enhancing keyboard shortcuts

Memorising shortcuts of any application improves efficiency. Now I’m by no means the most efficient person in Illustrator, I’m generally just happy designing. However, there are shortcuts you absolutely must know, because it saves you tediously clicking through panels and menus.