>Archive

Using regex to quickly tidy up all the areas in my site where I'm using a shortcode instead of markdown links.

I don't get all this hate for Tailwind. It's not going anywhere, so it's probably time to move on.

Applying minimal JavaScript by resorting to less than standard ways of doing things.

We sure know how to overcomplicate things. Or maybe we don't understand the building blocks of what makes a website accessible.

Going back to basics by putting aside the typical frameworks and making my own rules.

For many years, we had to do this manually or rely on third-party solutions. Now, though, it's a different world. In this post we'll take a quick look at how it works with a demo.

It's a brand new year full of the same old stuff, but hey look, a new design for the site!

Revisiting some old code to convert it to using hooks.

An old code demo revised to use React Hooks.

Small experiment with sound based on scroll distance.

Edge was destroying the battery life on my Macbook Air M1

An infinite scroll timeline component written for Vue 3.

Interesting times when it comes to career progression. Back to React.

A recap of the year.

Exploring how to tackle a data table in Vue without relying on third-party solutions.

Deriving multiple date ranges from a single one when presented with unavailable dates.

A combination of autoprefixer and transitions styles broke an input in IE11.

Solving the problem of a scrolling results list with the DraftJS mentions plugin.

Creating particle effects based on text selection using the Web Animations API.

Using Google Sheets as a back-end, we can record likes on anything we want on a static site.

Self-hosting Google Fonts gives you more control over performance and loading of your fonts.

Using the Tornis library to create a parallax and blur effect on a cover image while scrolling.

How I handle task management - a combination of software with pen and paper depending on the context.

Listen for hotkeys to select multiple checkboxes in a few clicks.

A few observations on techniques that are used to disguise a problem with a website.

A collection of clever logos. Great for getting the brain going when you're looking for inspiration.

Getting up to speed with derived stores in Svelte and how they compare to something like computed properties in Vue.

Managing a scrollable container with React by adding button controls, and seeing when they should be enabled or disabled.

Vapid is a content management system that has a very smart way of letting you focus on the code, while constructing a dashboard based on your templates.

A few things that got me excited to try my hand at redesigning my website. That's not to say I'm a designer, cause I'm not.

Playing around with HTML Imports before deprecation, pining for a native, relatively hassle-free way of building a component library.

A few ways in which we can improve client-side performance focusing on images, third-party scripts and more.

How to build a live-updating table of contents using Intersection Observer.

Installing Fathom analytics, an open-source alternative to traditional web analytics, on Heroku.

Avatars.io lets you quickly grab a URL to an avatar of yours from a few different services

Moving from Craft CMS to Hugo and Netlify

The web moves fast, but it doesn't invalidate what you already know.

Moving from Laravel Mix to webpack 4, and the performance benefits.

How to use window.doNotTrack to decide when to use tracking.

Building your own Feed Reader with Vue.js and Node

A small project to browse Craft CMS plugins by popularity.

Adding client-side search with Algolia.

Final tweaks and performance improvements for my website.

Setting up my new website with Craft CMS.

Building my website with Craft CMS.

Show the world what you're listening to because it's important.

A JavaScript approach to a full-screen overlay