Blog

Setting a cookie in Wordpress the right way — using a PHP action rather than setcookie() in header.php. Useful for caching critical CSS after the first visit.

Centring a logo between navigation items in a Wordpress menu can seem tricky. This post shows a clean solution using flexbox, avoiding the need for two menus or JavaScript.

How to maintain vertical rhythm as font sizes change at different breakpoints. Using em units and Sass, this post builds on the vertical rhythm guide.

Four underused Typekit typefaces worth considering. All suitable for paragraph text, with good italics and a range of weights — each with a rationale for the choice.

‘Why wireframes should strip all visual style and focus purely on layout. Accurate wireframes make for a stronger foundation before adding visual design.’

How to build a horizontal scrolling navigation using flexbox. A follow-up to the inline-block method, covering the advantages flexbox brings to this pattern.

‘Vertical rhythm creates visual harmony between text and other elements on a page. This guide focuses on the why rather than the how, to build a solid understanding.’

A guide to redirecting an old domain to a new one with nginx. Covering the server block setup, HTTPS, and preserving your URL paths.

Reflections on six months of writing weekly — what I’ve learnt about consistency, finding topics, and why writing regularly is worth doing.

Darkening a colour for gradients can look dirty. Using Sass’s adjust-hue and scale-color functions you can create gradients that look far more harmonious.

Illustrator’s default stroke width profiles don’t always suit. This post shows how to create, edit, flip, and save your own custom width profiles.

Two of the most useful masking techniques in Photoshop: clipping images to a shape, and using the overlay blend mode for non-destructive dodge and burn.