Explore Articles

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.

Clickable Confusion with NVDA

Understanding why non-interactive Storybook components are often announced as clickable by NVDA and other screenreaders.

Herding My Thoughts

After a month on the Fediverse, what parts have I grown to love, which parts would I like to see changed, and what has surprised me the most.

Marking up a Tracklist

Is an album's tracklist better suited for a table or a list? The answer may surprise you! (But it probably won't).

Bye-Bye, Fowl Place

After over a decade on the platform, the time has come to step away from Twitter, likely for good. What a shame.

Partial Diamond Justification

A halfway solution to a design pattern that I see often, but have yet to find an easy way to implement: text that wraps so it is always fattest in the middle, and thinnest at either end.

Reframing My Photography Workflow

By reordering the steps that I go through when capturing photos I've been able to make my overall workflow more efficient and much more enjoyable.

Use VSCode as Git Editor on macOS

After months of frustration, I think I've finally worked out how to make VSCode the default Git editor on macOS.

Live Regions, React, & VoiceOver

Apparently, ARIA live regions don't play nicely with React. Whilst they work fine in many browsers, they simply don't function in VoiceOver without some workarounds.

Half Way (And A Bit)

With half the year now firmly in the past, how are my 2022 goals coming along?

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.