How to make a scroll-driven video animation with FFMPEG, WebP frames, and canvas
How I turned a short video into a scroll-controlled WebP frame animation using FFMPEG, canvas, an...
Blog.
Notes on software, tools, productivity, and the small operational hazards of trying to make useful things.
All Posts
Set up a Buttondown newsletter with Jekyll and a custom signup form
How to add a custom Buttondown signup form to a Jekyll blog without exposing API keys or building...
Making short AI videos without losing the plot completely
A quick overview of this past weekend's workflow for making short AI-generated videos with Gemini...
The increasing AI-content consumption fatigue
Why AI-generated content can feel exhausting, and what that means for reading, writing, and atten...
Are we amusing ourselves to death?
Reflections on McLuhan, Postman, and why the medium still has a habit of quietly eating the message.
🍍 Pinia Stores - Manage Vue State With Ease
How Pinia simplifies Vue state management for location and language settings compared with manual...
Firestore + Firebase Hosting with Nuxt 3
How to deploy a Nuxt 3 frontend with Firebase Hosting and Firestore-backed data.
Styled code blocks
How to style Jekyll code blocks with Rouge instead of leaving snippets to fend for themselves.
Vue pagination component
How to build a reusable pagination component in Vue for cleaner list navigation.
Firebase Emulator Suit
How to test Firebase Cloud Functions locally with the Firebase emulator suite.
Nuxt + Tailwind
A quick setup guide for using Tailwind in a Nuxt project.
DaisyUI ❤️ Tailwind
A quick look at using DaisyUI with Tailwind to move faster without hand-rolling every component.
Tailwind Safelist
Why Tailwind can drop dynamic classes and how to use a safelist when generated class names disapp...
Stay Resort
A practical review of Stay Resort in Phuket, covering the fitness setup, location, price, and whe...
Deploy Nuxt on Vercel
How to deploy a Nuxt app on Vercel, including preview builds and common dependency issues.
Nuxt cookies and server middleware
How to use cookies and server middleware in Nuxt for lightweight API route guards.
Getting The Thai Driver License
Notes from getting a Thai driver license, including the process, requirements, and practical gotc...
Chasing Peace
A personal reflection on chasing calm in a society that keeps handing you more inputs.
Migrate from Vue CLI to Vite
A short migration note on moving a Vue project from Vue CLI to Vite for faster local development.
Reset Firebase user passwords
How to reset Firebase user passwords with the Firebase SDK and a small admin workflow.
Influencer - Location Scouting!
A location-scouting note on Thailand, tourism, and the strange geography of influencer culture.
Persist user settings with localStorage
How to persist Vue user settings with localStorage and keep the interface in sync.
Generate QR codes on demand
How to generate QR codes in a Vue app using JavaScript libraries and reusable components.
Breathwork
A short note on breathwork as a simple habit for regulating stress and attention.
OpenAI - Integrate to Vue front-end
How to call OpenAI from a Vue frontend through a cloud function instead of exposing secrets in th...
Excel Exports - Vue + Firebase solution
How to generate CSV exports from Vue and Firebase using a cloud function.
Equality of Sets
A Dart note on why set equality may not behave the way you expect.
Sets And Duplicates
A small Dart trick for removing duplicates from collections with sets.
50 days of meditation
Notes from building a 50-day meditation habit and what changed once the novelty wore off.
E-reader or physical books?
A comparison of e-readers and physical books, with notes on convenience, focus, and reading habits.
Essential Hotkeys
A practical list of keyboard shortcuts that save time once they become muscle memory.
Dynamic map with Mapbox and Google Sheets
How to render Google Sheets data on a Mapbox map using a cached backend flow to avoid CORS and ru...
3 Books for Productivity
Three productivity books that were actually useful, plus what stuck after reading them.
Digital Minimalism - Part 2: Desktop
Desktop rules and habits that helped me keep files, browser tabs, and visual clutter under control.
Primitive Risk Analysis
A simple risk-analysis method for making decisions under uncertainty.
My Portable Office Setup
The portable work setup I use to stay productive without carrying half an electronics store.
Staying motivated while learning to code
Tools and habits that helped me stay consistent while learning to code, without pretending motiva...
JAMstack forms with Netlify
How to add a small form to a static site using Netlify Forms without building a backend.
Digital minimalism - Part 1: Images
How I organized an image library to reduce clutter and make old photos easier to find.
VSCode Extensions: Visuals
Visual VSCode extensions that make the editor easier to use without turning it into a casino.
Hosting a Jekyll site on Netlify
How to deploy a Jekyll blog with GitHub and Netlify for a simple automated static-site workflow.
Getting started with Jekyll
A beginner-friendly walkthrough for creating a static blog with Jekyll, Liquid, Markdown, and sim...