Generating Image Blur Placeholders for Improved UX

Incorporating image placeholders are a great way to enhance the user experience by providing valuable feedback during the loading process. I recently implemented this technique in a project using Next.js and WordPress.

Hatchet19 Sep 2024

How to use Bunny Fonts (GDPR Friendly) in Tailwind CSS

Learn how to integrate Bunny Fonts into your website using Tailwind CSS for a GDPR-compliant, privacy-friendly solution. This guide covers steps from generating the font link to configuring Tailwind CSS.

Matt Hare19 Sep 2024

Setting up hCaptcha with Gravity Forms in Next.js

hCaptcha is a popular alternative to Google's reCAPTCHA. This article explores hCaptcha setup with Next.js, WordPress and Gravity Forms.

Hatchet19 Sep 2024

Config 2023: Exciting Figma Updates!

At Config 2023, Figma unveiled significant updates to improve design and development workflows. Key features include Dev mode, a VS Code extension, variables, advanced prototyping, improved auto layout, a new font picker, and an updated file browser.

Hatchet19 Sep 2024

How to use Google Fonts in Tailwind CSS v4

Integrate Google Fonts with Tailwind CSS to enhance web performance. This guide covers generating font links, including them in your HTML, and configuring Tailwind CSS for optimal font usage and fallback options.

Daniel Gouvignon23 Jan 2026

Hatchet becomes a Xero Developer Partner

We are now a Xero developer partner, enabling us to build advanced software solutions with seamless Xero integration. This enhances real-time financial management, customisation, and efficiency for our clients.

Daniel Gouvignon15 Oct 2024