Learn design and code

An illustration of a desk with a laptop and office supplies on it.

Latest posts

Search overlay with smooth reveal animation

A common part of a website is the ability to search. Depending on how important search is to your website can define much of how it looks and how it’s prioritised in the design. In this post I want to show you how to create a search which appears with a smooth transition on the click/tap of a button.

Overcoming design roadblocks

When starting out on a new project or being newer to design, getting your ideas to be what you visualise can be difficult. Whether you’re new or are aiming to broaden your specialism you’ll find some things more challenging. In this post I’ll share some tips of how I approach these challenges.

Making patterns in Illustrator

Patterns and textures were popular before flat design came along. However, as we seek the need for creativity, fun and uniqueness in our designs things like patterns reemerge. This post shares what I’ve learnt and how to make your own. There are some free ones for you to download inside too.

A year in writing — 2016

2016 is the second year I’ve written a post every week. This post is a summary of what’s happened over the year and a look back at some of the goals I had at the end of the previous year and a look at how things have progressed.

Let’s make a better icon system with SVG

Icon fonts are heralded for their convenience, which generally can’t be matched by SVG. However, they come with a huge performance downside, which SVG doesn’t have. I want to use this post as an opportunity for you to drop icon fonts and start using SVG. This post aims to guide you through the setup and get to a similar level of convenience.

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.

Start new designs quicker

It’s my aim to help you be a better designer. I’ve made you a simple Adobe Illustrator template to manage your colour, grid and guides. So you’ll get to executing your ideas around 20 minutes sooner every time.

Join my list and I’ll send you the template and new tutorials to help you design beautiful websites (currently monthly).

Popular in design

Popular in code

Start new designs quicker

It’s my aim to help you be a better designer. I’ve made you a simple Adobe Illustrator template to manage your colour, grid and guides. So you’ll get to executing your ideas around 20 minutes sooner every time.

Join my list and I’ll send you the template and new tutorials to help you design beautiful websites (currently monthly).