Why Is Time to First Byte (TTFB) Important?

Time To First Byte (TTFB) is a measurement of the time is takes for a server to respond to a request: how quickly your visitor can start to load your page.

Why Is Time to First Byte (TTFB) Important?

Automatically Submit Sitemaps to Google During Gatsby Build

You can let Google know that your website (and the content within) has been updated by submitting an updated sitemap automatically using a simple Node script

Automatically Submit Sitemaps to Google During Gatsby Build.

Margin Collapse in CSS

Of all the quirks in CSS, margin-collapse is perhaps one of the more cruel for a new front-end developer to encounter. Let me explain...

Margin Collapse in CSS.

Use CSS to Change the Mouse Cursor

Changing a user's cursor using CSS is an often-missed, and sometimes-abused power that more developers should use (with caution)..

Use CSS to Change the Mouse Cursor.

Happy Holidays!

As my working year draws to a close, I wanted to take a moment to wish you all a very happy holidays

Happy Holidays!

Cleaning Up Your JavaScript Code: The Double Bang (!!) Operator

JavaScript is extremely good at handling truthy and falsy (or 'falsey') values. Nevertheless, when you need to typecast an object into a boolean, use !!

Cleaning Up Your JavaScript Code: The Double Bang (!!) Operator.

Web Development and the Environment

We all have a responsibility to do whatever we can for the environment. Web development has a surprising environmental impact, we can do better.

Web Development and the Environment.

JavaScript’s Math.random()

JavaScript's Math.random() is a Pseudo-Random Number Generator (PRNG) which programmatically generates not-quite-random values. Usually, that's all you need.

JavaScript’s Math.random().

React vs Vue vs Angular

The front-end development landscape and JavaScript frameworks move quickly. React, Vue, and Angular stand out as leaders, deserving a comparative discussion.

React vs Vue vs Angular.

Specificity in CSS

Specificity in CSS can trip up even the most seasoned of front-end web developers. I've often joined projects where stylesheets are littered with !important.

Specificity in CSS.

Static Site Generators

Whilst they have been around for quite some time, static site generators have really increased in popularity over the past two or three years..

Static Site Generators.

Use Chrome's Developer Tools to Track Element Focus

Tracking down phantom focused elements where keyboard interactions suddenly drop from view can be frustrating without using Web Developer Tools

Use Chrome's Developer Tools to Track Element Focus.

10 Essential SEO Tips for Front End Developers

As web developers, we are responsible for what gets output from our websites and applications to our users. A decent understanding of on-page SEO is essential.

10 Essential SEO Tips for Front End Developers.

All About Headless CMSes

Websites have not been set-and-forget for a long time now, and without the technical know-how to update a static site, CMSes are a key part of web development.

All About Headless CMSes.

How to Amend Git Commits

Most developers will find themselves - sometimes frequently - in a situation where they need to amend a Git commit. Amending Git is easy when you know how!

How to Amend Git Commits.

A Beginner's Guide to Web Hosting

As someone new to the web, or hoping to launch your first website, hosting may come as a bit of a complicated shock. Hopefully I can help offer some advice!

A Beginner's Guide to Web Hosting.