Blog

Part one of the colour series. Colour theory is only a starting point — this post walks through what to actually consider when picking a 5-colour palette for a project.

CSS @supports lets you do feature detection natively, without Modernizr. This post looks at how to use it today and where it can replace JavaScript-based feature checks.

A designer-leaning Christmas gift guide for 2015. A mix of items from notebooks to shoes, with brief reviews on the ones I own, at varying price points.

Trying to decide layout and visual style at the same time leads to difficulties. This post covers where split focus creeps into the design process and how to avoid it.

Despite the popularity of Bootstrap and others, there’s real value in building your own CSS framework. Here’s why you should consider it and what you gain.

Sketching before wireframing is easy to skip, but you’re missing out if you do. This post walks through a process for sketching websites, even if you don’t think you can draw.

Three coded form styles, free to use. Drop the styles into your forms and apply your own visual style on top. Three distinct variations to choose from.

Grunticon V2 added the ability to insert inline SVG, generating fallbacks for older browsers. Inline SVG is easily styled with CSS, all done via a Grunt task.

The first maintenance week — going back to refine and update older posts rather than writing something new. A list of what was changed and why.

Styling form elements consistently across browsers is tricky. This post covers using the appearance property on text, button and select elements as a base.

I have updated my logomark. It’s been around 5 years, since I last made a change relating to my logo. I’m going to cover the steps leading up to this.

Critical path CSS can’t use wp_enqueue_style, which leads to a messy . This post shows how to add inline critical CSS cleanly using wp_enqueue_scripts.