Generating Image Blur Placeholders for Improved UX

Images play a significant role in the overall page weight of many websites, significantly impacting performance. Employing optimisation techniques, such as lazy loading, can help alleviate this issue. However, the absence of image placeholders can create confusion for users, giving the impression of a page error. Incorporating image placeholders are a great way to enhance …

Tamara Eigenmann

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

👍 Bunny Fonts (GDPR Friendly) CDN In this instance, we are going to be importing the font directly from Bunny via their <link> URL for your website or application development. The Bunny Fonts API was designed to be fully compatible with the Bunny Fonts CSS v1 API, making the switch as easy as changing the …

Jim Cortez

Setting up hCaptcha with Gravity Forms in Next.js

Why use hCaptcha? Captchas are an essential tool used to verify the authenticity of website users, distinguishing humans from automated bots. This helps to protect against malicious activities such as spamming, data scraping, and brute force attacks, thus enhancing online security and user experience. While Google’s reCAPTCHA remains a popular choice, it is not without …

Tamara Eigenmann

Config 2023: Exciting Figma Updates!

Config 2023, Figma’s highly anticipated annual conference, saw the launch of several huge updates to the popular design tool. With a focus on empowering teams and streamlining workflows, Figma’s new features and releases promise to revolutionise the overall design and development process. Dev Mode Introducing Dev mode, a new workspace in Figma designed specifically for …

Tamara Eigenmann

Hatchet becomes a Xero Developer Partner

We are excited to announce that we have recently become Xero developer partner, a partnership that allows us to offer our clients even more robust custom software development integrations with the Xero service. As a Xero developer partner, we have access to the latest tools and resources that enable us to build more advanced software …

Daniel Gouvignon

Mastering Modern PHP Doc Blocks in 2023: Best Practices for Improving Code Readability

# PHP Doc Blocks Whether you’re a Laravel software developer or any other type of PHP software developer you’ve no doubt written docblocks in your code at some point. Docblocks are extremely helpful at providing insight into your application for other developers and for static analysis tools to understand the context and provide suggestions and …

Daniel Gouvignon

QUIC.cloud vs Cloudflare: 2023 Definitive Guide

When it comes down to QUIC cloud vs Cloudflare while you’re out looking for a cloud CDN, there are several things that you’ll want to consider including if you’re going to be using a LiteSpeed web server, whether you need to do any image optimization, whether you’re hosting WordPress sites and require dynamic caching and …

Daniel Gouvignon

How to use Google Fonts in Tailwind CSS

👍 Google Fonts CDN In this instance, we are going to be importing the font directly from Google via their <link> URL for your website or application development. With more than 50 million websites using Google Fonts, there is an extremely high chance that a web user already has the font in their browser cache; …

Daniel Gouvignon

The Importance of Source Maps When Debugging

We recently faced a JavaScript error when running our production build process that proved impossible to debug. This was only an issue when running our production build process, the development process worked fine. We’d just switched our build tools from Webpack to Vite due to the huge improvements it provides to the developer experience, and …

Glenn Forrest

Rename Master Branch To Main In GitLab

Why change your repository branch from master to main? Git repositories are one of the most popular source tracking tools in use today, and renaming master to main has become more of a spotlight recently due to the master slave type notion that it implies. Many want to follow best practices and trends and change …

Daniel Gouvignon

Setting up LetsEncrypt SSL using CloudFlare DNS

Overview A common approach to setting up a new application or web service at Hatchet involves us provisioning a new SSL certificate on our own web server. You can use a CloudFlare certificate but there are a lot of times where a CloudFlare cert won’t suit your requirements due to the fact they use shared …

Daniel Gouvignon

The Utility Of Tailwind CSS: When Style Matters

Should Tailwind Be Your First Choice CSS? When I first examined Tailwind CSS I was rather grossed out by the number of classes that were being written…. But after one of our developers spun up a single page application using the framework during our Friday “code and learn afternoons” there was no turning back! So …

Daniel Gouvignon

QUIC.cloud CDN Review: Shaking Up The WordPress Cache Race

Is QUIC.cloud a Contender for Best WordPress Cache Plugin in 2021? LiteSpeed is our go to WordPress Cache Plugin: https://wordpress.org/plugins/litespeed-cache With LiteSpeed Technologies recently launching their latest product QUIC.cloud Content Delivery Network (currently in BETA) that has the ability to cache dynamic WordPress pages, use the latest HTTP/3 and QUIC protocol as well as having …

Daniel Gouvignon