The Different CSS Responsive Column Layout Methods
Published: 19th October 2018 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.
My Vue.js Direct Install CodePen Collection
Published: 3rd June 2018
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.
Published: 26th April 2018
I work with application forms daily and often specifically address lookup and input population functions. 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.
That bug is my fault #1 – IE disabled parent not serialized
Published: 3rd December 2017
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.
My Angular Debt Calculator
Published: 27th November 2017 This is an Angular2 debt calculator which I built as a learning project with help from the Angular-CLI. The calculator will accept multiple debts (provided each debt 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 and payments.
My Vue.js GitHub boilerplate search engine
Published: 15th August 2017
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.
An Introduction to Knockout.js Form Tracking and Validation
My ultimate front-end speed optimisation techniques
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).
CSS 3D Picture Canvas Mockup
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.