Blogs and tutorials

Here are the developer tools, browsers, utility apps and other useful things I install on a new dev machine to help productivity.

Recently, I wrote some bad code. But this highlighted the importance of correct HTTP status codes, and how I should really read documentation.

Learn how to set up Sentry monitoring and error tracking for your self-hosted Directus project by building custom hooks.

Understanding how to use jQuery in an Astro project was hard to Google. So I wrote my own guide for you and my future self.

Learn all about image lazy loading and how it can help improve performance, UX and core web vitals.

I’m excited to be looking for my next role as a Developer Experience Engineer. Here are five reasons why you should hire me.

TL:DR; a serverless function and build hook on Netlify, and an Apple Shortcut.

Learn how to build The Ultimate Theme Toggle™️ for your website using JavaScript, CSS custom properties, local storage and system settings.

Learn how to run an A/B test using content from your CMS and Netlify Edge Functions.

Learn how to split traffic for A/B testing between different page layouts without changing the URL using Netlify Edge Functions.

For my ENTIRE career I have been living with an enormous misconception: the universal CSS selector doesn't actually select EVERYTHING.

Learn how to hide decorative text generated by CSS from screen readers, so that your weird designs don't interrupt the flow of the text.

Learn about different types of rendering on the web, and how it impacts user experience, site performance, and SEO.

Learn how to optimize UX, site performance and SEO by taking a strategic approach to how you render different pages of your e-commerce store.

I used use a week of PTO to see what tips and tricks I could experiment with to try and fix my life. Here’s how it went.