Blog

An introduction to CSS scroll snap points and how they can replace JavaScript carousels. Covers the level one properties — note: this post is now out of date.

Maintenance week #3 — fixing bugs, updating grammar, improving older posts, and adding featured images. A rundown of what was done this week.

Part two of designing a datepicker in Illustrator. After the structural basics, this post focuses on styling — clarity, aesthetics, and a better user experience.

How to design a datepicker efficiently in Illustrator. The grid layout makes alignment tricky — this post uses split into grid and align tools to tackle it.

Designing at 1x in Illustrator is fine for vectors, but exporting PNG files at retina sizes is a pain. This quick tip shows how to export 2x PNGs from a 1x canvas.

How to make the most of swatches in Illustrator. Covers cleaning up the defaults, adding your own global swatches, and keeping them in sync across your document.

I figured I would write a post about the tools I use. Some will be familiar, but hopefully there are some that are unfamiliar and end up being useful to you.

Making the hero area editable in Wordpress using the Customizer API with selective refresh. The final post in the series, adding a smooth live editing experience.

‘Coding the hero area using flexbox and making it responsive. A mostly mobile-first approach, applying CSS where it makes logical sense to avoid undoing it later.’

Part two of the hero area series — adapting the desktop design for mobile screens. Only mobile-sized resolutions are covered, with tablet needing only minor adjustments.

This is the start of a series where I’m going to take a common design pattern and go through the process of planning, designing and code. It will follow the process I go through to make websites, but taking a smaller component. The pattern you will focus on within this series is a hero area.

A reference guide to all the ways to retrieve post thumbnails in Wordpress — from inside a loop, on a page, in custom post types, and more.