Make Your Mac Speak the Time Only While You’re Working
A simple little macOS automation that announces the time every hour while Work Focus is active, follows your Mac volume, and never shouts at you louder than 40%.
THE NOTEBOOK
Things learned.
Things worth sharing.
Practical guides, experiments, and occasional detours. Notes from a life spent making things for the web.
Creating a Typescript, Tailwind and Expo Go App in 2 Minutes (Updated for 2025)
Updated for 2025 — build a fully configured Expo Go + Tailwind + NativeWind + TypeScript app in under 2 minutes using a single command.
Testing your network connection using a bash script
Want to run a script that plays a sound everytime your network connection drops out or comes back online? Use this script to help you with testing your home or office network connection
React & NextJS Sortable Lists: Beautiful DnD vs DnD Kit
Using Sortable Lists in React is fairly easy, in NextJS it's a little bit trickier. Here's how to do it with Beautiful DnD and DnD Kit.
AWS Launching a ServerLess Cloudfront Distribution
This article shows you how to can spin up a distribution in AWS Cloudfront using the Serverless Framework
AWS - Using Serverless and Stripo to create and send emails with SES
Do you want to use the awesome Stripo service to create HTML email templates, and then send them with AWS SES and Lambda? Well, you are in the right place!
Photo Uploader Tool using AWS and NextJS
Want to create a Full Stack Photo uploader tool using AWS and NextJS? This blog will show you how to do it!
AWS S3 & NodeJS to Change Storage Class
Need to know how to easily update the storage class of an S3 bucket? This post will show you how to do it with the NodeJS and the AWS CLI.
AWS - List All EC2s in All Regions
Do you own an AWS account and want to easily list all EC2 instances in all regions? This is a simple NodeJS script that will do just that.
Finding Duplicate files with Node JS
Want a quick and easy way to find duplicate files on your computer? This simple page shows you how to do it with a quick and easy NodeJS script.
Backing Up Files & Photos with RSYNC
This simple blog page gives you quick and easy instructions on ow to backup your Files, Photos and Videos on your Computer using RSYNC.
Using Chat GTP and MidJourney to Design conceptual items
Use ChatGTP and Mid Journey to create insanely gorgeous conceptual ideas for your next artwork or website
File Uploader using NextJS API and AWS S3
Lets build a file uploading tool, using a Rect/NextJS Frontend, NextJS API and linking it up to an AWS S3 bucket via an IAM policy
Async Await and Promise all chaining
If you have a load of Promises or Async/Await functions and you want to wait until they are all done, then this blog article can show you how.
Simple NextJS & Tailwind Accept Cookies Banner
Do you need to place a custom Accept Cookies Banner onto your NextJS Tailwind Website, then use this guide to help you do it.
Tailwind Color Picker Tool
This article explains how you can convert Tailwinds default colors into a handy color picker tool.
On this day - May 22, 2022
Some photos I took while out and about in Sydney on May the 22nd, 2022 - The day my niece was born!
How to use the HTML Picture Tag
An explanation of how you can use the HTML <picture></picture> tag on your website or blog to correctly re-size and optimize your images using WebP and AVIF formats
NextJS Sitemap with Dynamic Content
NextJS is amazing for creating Dynamic pages, but what about your sitemap.xml file. This article explains how you can build a dynamic one.
NodeJS Re-naming Files scripts
Need a quick method of re-naming some files on your computer, then try flexing your coding muscles with some NodeJS scripts...
Amplify Studio and NextJS
Guide of how to build a NextJS website and connect it up to an AWS Amplify Studio backend using services such as User Management, File Storage and Content Modelling
Webpack Starter Kit
Need to create a real simple Webpack website then use this starter kit to use as a template to start bundling your Vanilla JS and/or Typescript files!
Tailwind Tips you should know
Tailwind is a utility first CSS framework that allows you to build UI quickly... this article lists some of my favorite tips you should know about using it
NextJS Websites Hosted with Amplify
This article will guide you through how to host your NextJS website using AWS Amplifys user interface
Amazing A.I. Tools
A list of amazing Artificial Intelligence tools you can start using right now on your phone or web browser.
Do I need a high Lighthouse Score?
Find out why its so important for you to start focusing on your Google Lighthouse scores for your website and why it needs to be high
Should I still use jQuery?
In 2022 and beyond should you still be using jQuery in your websites? Lets discuss, as its not a simple as yes or no!
"Contact Us" Emails with AWS SES
This article explains how you can link up your websites contact us form to send you emails using AWS SES and verifying users with Google Recaptcha
Markdown Blogs with Next JS
This website makes use of Markdown files to generate it's blog articles, NextJS then builds them into static HTML files at build time. This article explains how they work!
Less reading. More experimenting.
Try the interactive demos and tools behind the articles.