My Blog

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).

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.

This is a quick 3-step guide explaining how to install the Git SCM to Windows and then clone a GitHub repository to your local folder.

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.

I use shortcodes to include CSS animated SVG icons on my site without cluttering the WordPress post editor with a bunch of inline SVG code.

I built a contact page template for my custom 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.

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.

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.

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.