Things I use

I receive a lot of questions on stream about my setup and what I use. So here's a list! ✨ Click on the filter buttons to view items in that category.

Last updated 24 January 2022


Viewing 12 coding things

A screenshot of how axe DevTools appears in the console, zoomed in to show 'Welcome to axe'

axe DevTools

coding

Axe dev tools is great for improving your knowledge of accessibility. Install the plugin, open then dev tools panel, navigate to the axe tab, and use it to understand how to improve accessibility on your websites.

View axe DevTools website
A photo of white and red clouds against a dark blue sky

Cloud hosting platforms

productivitycoding

Most of my projects are built on the Jamstack, which usually means they are sites prerendered into static HTML at build time, and enhanced with JavaScript on the client. I currently use Netlify and Vercel for these projects.

For applications that require Node.js on the server — for example, my Twitch bot — I use Heroku.

Read more about Jamstack
The Contentful Logo

Contentful

productivitycoding

I manage most of the content on this website using Contentful — a headless CMS that delivers your data in JSON.

View Contentful website
The GitHub logo

GitHub CLI

codingproductivity

If you host your git repositories on GitHub, this is a great tool to manage your code without having to leave the command line. Create repositories, pull requests, issues and more in the terminal where you are already working with git and your code. It's a great productivity booster!

View cli docs on GitHub
The gitmoji logo on a yellow background

gitmoji

coding

✨⚡️ If you like emojis and you use git, you'll love gitmoji. Install gitmoji on your machine (I used brew install gitmoji), run gitmoji --init in a git repository, and on each commit, gitmoji will prompt you to choose a category, which will prefix the commit message with an emoji. ⚡️✨

View gitmoji website
The Homebrew package manager logo

Homebrew

coding

Wherever possible I install software and packages using Homebrew. With Homebrew, it's easy to keep everything up to date on the command line with brew upgrade, or see a list of everything you have installed with brew list.

View Homebrew website
The iTerm2 logo of a $ sign in a terminal

iTerm2

codingsoftware

My terminal of choice is iTerm2. I use a minimally configured Zsh setup, which includes some colour customisations, git branch display and some helpful aliases.

View iTerm2 website
A screenshot of a terminal with the command cat README.md | lolcat

lolcat

coding

I use lolcat for a bit of fun in my terminal — it looks great on stream! Pipe things through lolcat and watch the rainbow appear.

View lolcat website
An image of a MacBook Pro 16 inch with a touchbar

MacBook Pro

codinghardware

My main machine is a Macbook Pro 16", Apple M1 Pro chip with 32GB RAM and 1TB of Flash Storage.

The MIT license logo

npx license

coding

I use npx license to add licenses to my GitHub repositories from the command line without having to install any additional packages.

View on npm
A screenshot of some code in Visual studio Code

Visual Studio Code

codingsoftware

My current IDE of choice is Visual Studio Code. It's free, built on open source, and runs everywhere.

View Visual Studio Code website
The Wave Accessibility Evaluation Tool Logo

Wave Accessibility Evaluation Tool

coding

Wave has has helped incredibly in improving my knowledge of semantic HTML, page structure and aria labels. Install the plugin, activate the extension, and use it to understand how to improve accessibility on your websites.

Read more about Wave Accessibility