site icon

Hi, I’m Chris

I am a web developer teaching
regular people how to code

~ Welcome to my blog ~

Introduction to HTML5 semantic elements

HTML5 introduced many new elements for us to use called semantic elements. These semantic elements clearly describe their contents, not only to the browser but other developers looking at your code. But, why were they needed? Well let's take a look...

WordPress: How to add blog posts to multiple pages

In the WordPress dashboard, we have the option to set where we want our blog posts to appear. But what if we wanted blog posts to appear on more than one page? For this example, let's say we want it to be the home page and a blog page too. There is some different approaches we can take, but a simple one is to make use of categories.

Introduction to HTTP and the request/response cycle

When our user interface is communicating with servers or generally requesting information, there are some concepts we need to know to understand what exactly is happening. Even by having just a basic knowledge of these concepts will really help you understand what is going on behind the scenes and really help you as a developer.

Control Javascript loading with Async & Defer

When loading Javascript from a HTML file, we can place the link anywhere in the file, common options are the head section, or down at the bottom of the body. The placement of this link though is important, and can have side effects depending on where you add it.

How to connect Mongo Atlas Database to a Keystone CMS project

Mongo Atlas is a convenient way to set up a mongoDB database, and we connect it to our applications using a connection string. When using the Keystone 5 CMS for the first time, there is no obvious place to add this connection string.

The Javascript Ternary operator

The ternary operator is a Javascript conditional statement, mainly used to declare what we want to do if a value is true or false. And it can be a quick and simple alternative to using if/else statements.

Centre any text over an image: without Flexbox

When building websites, one of the CSS issues you will undoubtedly come across at some point is to centre text over an image, both horizontally and vertically. This post will show you an easy way to do this without using the CSS Flexbox.

Using global Vue filters with NUXT

When starting out with the NUXT framework for vue, you may be wondering where to add global filters. With a regular Vue.js project, we would typically add to it the main.js file. NUXT has a different file/folder structure than a regular Vue.js application, Create-nuxt-app also creates a lot of Javascript files, so where do we add global filters?

How to set up a basic HTML page for beginners

When starting out creating websites. we first need to get to grips with the core structure of a HTML page. HTML pages can get big. Really big for large sites, but they all begin with the same basic structure, which we will look at here.

Learn Javascript by building fun projects!

Learning Javascript or any programming language can be hard. Thats why I have created the Javascript Fun Series! The aim of these ***free*** tutorials is to build fun projects using HTML, CSS and vanilla Javascript, to see how they all fit together.

New Beginner Bootstrap 4 Course

Bootstrap provides you with a toolkit to build almost any type of website or app you can imagine, providing you with a choice of components and helper classes to get you up and running fast. I am pleased to announce my latest course now available, Beginner Bootstrap 4: Hand code beautiful responsive websites fast.

12 Quick tips when learning to code

Learning to code can be challenging. Especially fitting it around with everyday life, family, work commitments, children etc. Here is some tips which I hope can help make your learning journey a little easier.