Designing intuitive animations can be tricky. We’ll explore movement in the physical world and see how to replicate this digitally, as well as best practices for responsive animation.

We’ll cover how to use Spline, exporting 3D files and displaying them with react-three-fiber. I’ll explain the exporting workflow with an example project, and we’ll explore geometries, materials and lighting.

Implementing quick and easy client-side search functionality in React

In no particular order, here’s a collection of websites I find inspiring, both by their design and their functionality. For each website, I’ll dive into the specific details which made me want to mention it.

Exploring the changes I’ve implemented in my website and what pushed me to make them, from code blocks to lightboxes to full-bleed images, as well as post search functionality.

How to automate cross-publishing in a way that improves your site credibility. We’ll have a look at canonical links and RSS feeds.

There are different options for generating content such as Sitemaps and RSS feeds in Next.js, static and dynamic. We’ll explore the different options and ways to implement them.

Extending the capabilites of the WordPress GraphQL API by adding custom fields to posts which can be fetched by an external API.

As part of a home automation project, I wanted to house a thermometer, motion sensor and display in a small form factor. I decided to design and order my own PCB.

I was recently trying to figure out a way to implement simple HTTP authentication for a personal Next.js project. I augmented the basic HTTP auth with JWT and cookies.

A tutorial on setting up a credit card payment form on your NextJS site. We will cover signing up and the Stripe SDK.

Trying to figure out how to build my website was a challenge for me. As a web designer, I wanted it to be fully customisable, but I also wanted ease of use to reduce friction and make it easy to maintain.