Blog

‘How to distribute objects with equal spacing in Illustrator using align to key object. A quick tip that saves spacing things out one by one.’

A collection of websites using tab bar-style navigation as an alternative to the hamburger. Engagement improves when apps move away from hidden navigation.

Maintenance week #4 — bug fixes, grammar improvements, and adding featured images to older posts. A rundown of what was done instead of a regular post.

When using headroom.js, the fixed header can hide even when the navigation is open. This post shows how to prevent that using headroom's callbacks.

‘Coding up the pricing table designed in Illustrator. Flexbox handles the layout, keeping focus on matching the design and adding interactive button states.’

‘A CSS-only iOS-style toggle using a hidden checkbox and the :checked pseudo class with the adjacent sibling selector. No JavaScript required.’

A tutorial on designing a pricing table in Illustrator. The focus is on clarity and visual style — choosing colours, typefaces, and using Illustrator effectively.

As part of using Wordpress, and any other part of making a website, for that matter, you acquire reusable parts. As well as discover functions that aren’t shouted about. In this post I’ve shared a few with usage.

A progress update on the v6 redesign — balancing writing with redesign work. Includes early iterations of designs and illustration from the process.

Tables are tedious to make in Illustrator, but there’s a quicker way. This post shows how to create an accurate table efficiently using Illustrator’s built-in tools.

Aligning to a key object in Illustrator is one of the most useful alignment options. If you’ve ever been frustrated with aligning objects centrally, then everything nudges over a few pixels. This is where align to key object comes in, read on for how to.

‘The tachyons approach to CSS makes sense, particularly for spacing and font sizes. This post explains the benefits and how to adapt it to how you already write CSS.’