Front-end Speed Optimisation

My ultimate front-end speed optimisation techniques

Category: Web Development | Published: 29th January 2017

This is my ultimate list of front-end optimisation techniques, I’ll explain the common methods and more technical, lesser known techniques which I use to optimise website loading time (and Google PageSpeed scores).

Read more

CSS 3D Photo Canvas Mock-up

CSS 3D Picture Canvas Mockup

Category: CodePen Playground | Published: 19th January 2017

I built this photo canvas mock-up using just HTML and CSS, the CodePen demo is styled using SCSS and uses variables to define the image url, canvas dimensions, depth and frame type.

Read more

Coding Accessible Checkbox Inputs

How I build accessible checkboxes

Category: Web Development | Published: 12th July 2016

Using some common HTML tags and CSS3 pseudo-class selectors we can create accessible checkbox and radio inputs which don’t require a mouse to interact with.

Read more

How I created my contact page without Contact Form 7

How I created my contact page without Contact Form 7

Category: Web Development | Published: 28th April 2016

I built a custom contact page template for my WordPress theme without using Contact Form 7 and this post explains why and how. I also provide the full template which you can use on your own themes.

Read more

JavaScript Logo

Vanilla JavaScript functions

Category: Web Development | Published: 20th April 2016

When I built my WordPress theme I decided to ditch jQuery and replace my basic functions with vanilla JavaScript, Ive listed my vanilla JS functions below (with demos). If you’re thinking of ditching jQuery then hopefully you’ll find them useful.

Read more

How I Improved My Site's Speed

How I optimised my theme’s speed

Category: Web Development | Published: 2nd April 2016

I worked hard to optimise my site’s custom WordPress theme to load fast and this blog post will show you the 8 steps I did to get my average load speed score of 97/100 – this average is based on Google PageSpeed, GTMetrix & Pingdom speed scores.

Read more

My New Responsive Website Design

Welcome to my new site

Category: Personal | Published: 25th March 2016

Welcome to my new website design, my old site used the same design for 5 years and it was time for a refresh! This post covers my new custom WordPress theme, the new (responsive) design, the changes to plugins and a new feature.

Read more