Blog post latest

  • Six months of movies

    Over the first six months of 2021 I have watched 192 movies, none of which I have seen before. Below is a summary of some of my favourites. January It took me far too long to watch the classic movie The Blues Brothers, even more shockingly considerin…

  • A New Iteration

    So, I’ve finally updated my website. It’s been a long time since the last major change, but it wasn’t without trying. It’s not a radical change, the core content is still the same but the underlying technology has been updated to help me continue to…

  • Alpine.js Drag and Drop

    Alpine.js is a new lightweight JavaScript framework which uses the approach of adding behaviour directly within your HTML markup. According to the documentation; Alpine.js offers you the reactive and declarative nature of big frameworks like Vue or R…

  • Alpine.js Drag and Drop Integration with Laravel

    I use Laravel to manage my projects and I wanted to integrate the drag and drop code I wrote using Alpine.js, so I built a new component. This Laravel component supports passing in variables which builds up the two sides of the drag and drop listing;…

  • Laravel Components and Component Libraries

    If you use a component library you might find some disconnect between them and how they're used on a project website. I have a primer about using the component library Fractal and your website. This describes syncing your CSS, JS and assets from the…

  • Use Fractal with your website

    I have recently been using Fractal to build out component libraries for a couple of new projects and I was curious how it would integrate with a project website. I needed a way to using the Fractal component library to integrate with a project websit…

  • Tailwind CSS and BEM

    I have been experimenting with Tailwind CSS and trying to find an approach which fits my development workflow and approach to writing HTML and CSS. Tailwind is a “utility-first CSS framework for rapidly building custom designs”. It provides a config…

  • Git Versioning

    After you’ve learnt about standardising git commit messages you can use that data and do some nice things. You can automate versioning and CHANGELOG generation using Semantic Versioning First, use NodeJS to install the “standard-version” dependency.…

  • Git Commit Messages

    Let’s talk about git commit messages. I’m sure you’ve seen or written git commits which aren’t exactly that helpful. The problem is so prevalent, some one has even built a website where you can generate your own horrendous ones. What we need is a con…