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).
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.
Installing Git and Cloning a Repository to Windows (3-steps)
Category: Web Development | Published: 7th October 2016 A basic 3-step guide to adding Git to Windows and cloning a repository from GitHub to your local folder (includes proxy workaround) .
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.
How I included animated SVG icons using shortcodes
Category: Web Development | Published: 10th May 2016 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.
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.
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.
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.