My Blog

Irregular posts from a front-end developer

  • CSS 3D Picture Canvas Mockup

    CSS 3D Picture Canvas Mockup

    Published:

    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

  • How I build accessible checkboxes

    How I build accessible checkboxes

    Published:

    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

  • Vanilla JavaScript functions

    Vanilla JavaScript functions

    Published:

    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 optimised my WordPress theme's speed

    How I optimised my WordPress theme's speed

    Published:

    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

  • Welcome to my new site

    Welcome to my new site

    Published:

    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