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.
Explore Articles
The Power of Three-mes
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.