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.
Explore Articles
The Trick to Animating Grid Columns
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?