My Blog

In early April 2021 I release my first Software as a Service (SaaS) project: SERPFast.com. A tool for comparing Google search result speed metrics. Heres why and how I built my SaaS project.

I posted my CSS only canvas style image/frame codepen link almost exactly 3 years ago and last month I was asked wether it would be possible to divide one image across more than one panel so thought I’d give it a go this weekend.

I was thinking about the different ways it possible to create a responsive column layout and thought I'd do a brief guide of the different methods I can think of, along with simple examples.

This tutorial goes through how I created a Vue whitelabel app from scratch using the latest (v3.0.0-rc.3) Vue CLI, some webpack config and SCSS variable themes.

I built these CodePen examples for a Vue.js training session I ran at work, the training was an introduction to Vue and the pens are very basic examples showing how different parts of the framework function.

I had read about the Google Maps API years ago but never looked into it, and having been working on an address lookup API recently it reminded me of the service, so I decided to have a look at the Autocomplete API.

I’m writing about bugs I’ve caused in the hope it’ll stop me repeating them and maybe help someone else making the same mistakes I’ve made.

This is an Angular2 debt calculator which I built as a learning project using the Angular-CLI. The calculator will accept multiple debts (amount, monthly payments and term or APR) and display the total debt, total monthly payments, cost of the credit borrowed and the total time to repay based on current debt / payments.

I decided last weekend to build a Vue.js powered boilerplate search engine which could search GitHub for boilerplate repositories using either a search input or common boilerplate categories.

This guide will provide an introduction to tracking form inputs with Knockout.js and then validating your inputs with knockout-validation.js's built-in validation rules and custom validation rules.