Explore Articles

The Power of Three-mes

A look into my most recent productivity framework: every month set three, roughly prioritised focus areas. It's not novel, but it's been a slow-burn journey over the past twelve months or so and seems to be working well.

A Bookmark Feed

Mastodon makes saving interesting links for later very easy, but getting these into a feed reader or note-taking service seemed impossible until I came across a neat little hosted solution.

Transparent Layers With Color-Mix

The color-mix property enables a lot of interesting functionality when you realise that you can use it to mix transparency into colours, including design tokens.

Module Mindsets

I'm still enjoying the wombo-combo of Sass and CSS Modules, but my React-ified brain occasionally blanks on how to approach certain problems. The one that catches me out the most: style inheritance.

Styling on the Server

The increasing use of React Server Components is meaning the end of the CSS-in-JS era. But what options exist to fill that gap? I've been pleasantly surprised with what I've found.

DDEV: A Worthwhile Investment?

Various notes from my battle to get a local development environment working for Craft CMS.

Better Diacritics on Windows

Annoyed by Alt-codes and incomplete keyboard shortcuts? Yearn for the long-press functionality of every other OS? Just freakin' want easier en-dash access? Windows doesn't have to be this annoying; there are some options!

A Twitter Escape Hatch

Want to read Tweets from people you follow, without using Twitter? Readwise has a tool for that.

Restoring a Lost Firefox Session

Ever close Firefox or have a crash, restart it, and discover an entire window of tabs is missing? You can potentially resurrect that lost session state, if you act quickly enough.

The Trick to Animating Grid Columns

Animating a grid element provides a lot of potential for fancy UIs and interesting interactions, but it's not immediately obvious when searching online how it needs to work and what the limitations are.

A Valid HTML Datetime

Need to use an HTML datetime attribute? Can't remember the correct format, or which JavaScript function will output it? Well, here you go!

A Local Data Store in Astro

A quick (and dirty) way to fetch local data from a JSON file and modify the look of a page in Astro, completely natively.

Made By Me, But Made Possible By:

CMS:

Build: Gatsby

Deployment: GitHub

Hosting: Netlify

Connect With Me:

Twitter Twitter

Instagram Instragram

500px 500px

GitHub GitHub

Keep Up To Date:

All Posts RSS feed.

Articles RSS feed.

Journal RSS feed.

Notes RSS feed.