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 9 March 2021


Viewing 16 coding things

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

axe DevTools

coding

I’ve been using this Chrome plugin for a number of years, and it has helped me incredibly in improving my 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 align with the Jamstack architecture, 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

Contentful is a headless CMS that delivers your data in JSON. It comes with a stylish user-interface, REST and GraphQL APIs, and SDKs for your programming language of choice. Whilst a lot of what Contentful offers is aimed at the enterprise market, it offers a free community tier with generous limits.

This website is built with Contentful.

View Contentful website
The CSS3 Logo

CSS

coding

I'm a front end specialist, and the bulk of my experience lies in CSS. I'm a huge advocate of building accessible and inclusive experiences using CSS.

I use a variety of approaches and flavours to styling applications, including vanilla CSS, Sass, and CSS-in-JS (i.e. Styled Components and CSS Modules).

View specification on MDN
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
A screenshot of a terminal showing the command 'git diff' being run, using the tool git-split-diff

git-split-diffs

coding

I don't use a GUI for version control, and this fancy diffing tool brings beautiful split diffs to your terminal. Try it, you'll love it.

View git-split-diffs on GitHub
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 recently started using Zsh rather that Bash, but only because it's now the default shell that ships with iTerm2.

I use a minimally configured Zsh setup, which includes some colour customisations, git branch display and some helpful aliases.

View iTerm2 website
The JavaScript Logo

JavaScript

coding

Most, if not all, of my projects use JavaScript. It's just what I know best. I'm not precious about what frameworks I use — I have experience in React, Next.js, Svelte, Express and others. I also really enjoy writing applications in vanilla JS to test my knowledge of the fundamentals.

View docs on MDN
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", 2.6GHz 6-Core Intel Core i7 with 32GB DDR4 RAM. I've used MacOS primarily since 2006. I also have a MacBook Air that I use as a personal machine - but the specs are minimal!

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. Due to most of my work being open source, I usually choose the MIT license because it is the most flexible.

View on npm
The TypeScript logo

TypeScript

coding

Where strong type safety is beneficial, I like to use TypeScript. The largest project that I've built that uses TypeScript is p4nth3rb0t — my Twitch bot.

View TypeScript website
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

I’ve been using this Chrome extension for a number of years, and it has helped me 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