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.

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.

What Makes a Great JavaScript Developer?

Web development, and JavaScript is one of those great skills that - with enough time and patience - you can teach yourself, in your home. Here are my tips..

What Makes a Great JavaScript Developer?

How to Choose a React Developer

React has become one of the main cornerstones of any web development project. It can be a struggle to find just the right one for your team...

How to Choose a React Developer.

How to Rename Local and Remote Git Branches

Renaming a branch with Git is a bit of a tedious task when you need to update both your local and remote versions. Here is a step-by-step guide.

How to Rename Local and Remote Git Branches.

How to Hire a JavaScript Developer

Hiring a JavaScript developer can be a taunting task. Once you know a JavaScript developer is what you need, there are some steps you can follow to find one..

How to Hire a JavaScript Developer.

Life as a Freelance Developer in Brighton

A brief look at what life is really like as a freelance developer in Brighton, and whether moving here for work is really a good idea...

Life as a Freelance Developer in Brighton.

Has Google Killed AMP?

AMP has long split opinion: Google's preferential treatment of sites using AMP has long been a contentious point. Is it worth implementing AMP any longer?

Has Google Killed AMP?

Ethical Web Development - Part II

The second - and final - instalment in explaining the responsibility we - as web developers - have in making the web a better and safer place.

Ethical Web Development - Part II.

Hiring a Freelance Front End Developer - An Ultimate Guide

A key part of your web development team will be your front-end developers: those tasked with building the interactive areas of your site.

Hiring a Freelance Front End Developer - An Ultimate Guide.

Ethical Web Development - Part I

As a developer (and especially perhaps as a front end developer) we have a unique responsibility to our users, and to remove unethical practices from the web.

Ethical Web Development - Part I.

The Differences Between Lead and Senior Roles in Front-End Development

'Lead' and 'Senior' roles are the two seniorities of front-end development that I see most commonly confused. Here is where I feel the differences lie..

The Differences Between Lead and Senior Roles in Front-End Development.

What Is Front-End Development?

For something that I have been doing for years, it is still difficult to explain 'front-end web development' to someone else.

What Is Front-End Development?

React: Functional, Class and Pure Components

React components come in three succinct flavours: 'functional', 'class', and 'pure'. Here I try and offer guidance into the differences and uses of each.

React: Functional, Class and Pure Components.

How to Find a Programmer Job

It is fair to say that the programming and technology job markets are fairly buoyant, and now has never been a better time to make a career change.

How to Find a Programmer Job.

Detecting and Dealing with Website Theft

Web development by its nature is difficult to protect from copyright theft. There are a few things you can do to protect yourself and your ownership though..

Detecting and Dealing with Website Theft.

Disabling Gatsby Telemetry

By default Gatsby collects anonymous usage data to understand of how the platform is being used. This does raise privacy concerns but can be disabled easily.

Disabling Gatsby Telemetry.

Removing <p> Tags From Contentful List Items

One of the quirks of rendering Rich Text from Contentful is that list items come wrapped in paragraph 'p' tags. Fortunately this is a simple one to resolve.

Removing <p> Tags From Contentful List Items.

Rendering Contentful Rich Code Snippets in Gatsby

Gatsby + Contentful is a powerful and formidable combination. However, the inability to render code blocks is a real issue with a not-straightforward solution..

Rendering Contentful Rich Code Snippets in Gatsby.

Using External Gatsby Stylesheets Rather than Inline

By default Gatsby will generate one - potentially huge - inline stylesheet in the head of your document. It is also possible to load this externally instead.

Using External Gatsby Stylesheets Rather than Inline.

Disabling Source Maps in Gatsby for Production

Although an extremely useful aspect of Gatsby, source maps cause a performance hit as well as leaving your source exposed. Here is how to turn them off!

Disabling Source Maps in Gatsby for Production.

What Is a Static Site Generator?

Static site generation has continued to grow and grow in popularity. I try and explain what one is, and why it might be suitable to you or your project.

What Is a Static Site Generator?

Automatically Generate urllist.txt From sitemap.xml

Using PHP it is quick and easy to automatically generate your urllist.txt sitemap from your sitemap.xml file (for example, using gatsby-plugin-sitemap).

Automatically Generate urllist.txt From sitemap.xml.