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.

Git Is a Little Bit Like a Diary

Put simply, Git is a version control system for software development. It is a lot like keeping a diary of what you have worked on..

Git Is a Little Bit Like a Diary.

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.

Block Bad Bots Using .htaccess

By 2012 bot and spider traffic on the web had exceeded human traffic. Not all bots are bad, but you should know how to block those you don't want on your site.

Block Bad Bots Using .htaccess.

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?

Access CSS variables From a Database via db-connect

In CSS, db-connect is a misunderstood but immensely useful technique for connecting to databases directly from vanilla CSS in order to access stored properties.

Access CSS variables From a Database via db-connect.

Installing Gatsby JS Onto an M1 MacBook Air

A fast, step-by-step guide to setting up a Gatsby JS development environment on your new M1 MacBook.

Installing Gatsby JS Onto an M1 MacBook Air.

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.

Optimising gatsby-image Even Further

gatsby-image delivers highly-optimised images using some very clever, advanced loading techniques. There are a few tricks to speed it up yet further though...

Optimising gatsby-image Even Further.