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 38 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
The Brave Browser lion logo

Brave Browser

software

Brave is my current cross-device browser of choice. It claims to be three times faster than chrome, have better privacy by default than Firefox, and use 35% less battery on mobile.

Brave uses Chromium under the hood, so the dev tools are familiar. Also, I'm signed up to the Brave Rewards programme for creators. Brave Rewards is built on the Basic Attention Token (BAT), a new way to value attention, connecting users, content creators, and advertisers. If you're using Brave, you can tip me directly whilst using the website using the rewards icon next to the address bar.

Read about Brave Rewards
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
A close-up screenshot of the README file in the displayplacer GitHub repository

displayplacer

productivity

When working with multiple monitors on MacOS, sometimes the action of unplugging/plugging in a USB dock can reset your display configuration. Rather than having to go into the System Preferences to switch everything back to how you want it, displayplacer offers this functionality on the command line. If my display configuration is ever reset, I have a handy custom function in my .zshrc file that I can run in iTerm to put everything back where I need it.

View displayplacer on GitHub
An image of an Elgato collapsible green screen on a white background

Elgato Collapsible Green Screen

streaming

The collapsible Elgato green screen is another investment piece, but I love how easy it is to pull out and fold away. Another bonus is that it's always wrinkle free. The only downside is that it's a trickier to chroma key in OBS than the standard chrome key green screens.

View Elgato Collapsible Green Screen on Amazon
An image of an Elgato Capture Card on a white background

Elgato HD60 S Capture Card 1080p

streaming

I code on a MacBook pro and live stream from a custom PC that runs Windows. I use the Elgato Capture card to send the output of my main monitor (which is plugged in to my MacBook Pro) to my streaming PC. The screen capture is added as a source in OBS, and this is how you see me coding whilst I stream.

A bonus is that the Elgato Capture Card captures audio as well as visuals, and so the stream output can also output any sound that plays on my MacBook.

View Elgato HD60 S Capture Card 1080p on Amazon
An image of an Elgato Key Light Air on a white background

Elgato Key Light Air (x2)

streaming

I use two Elgato Key Light Airs whilst streaming. They are WiFi-controlled via Elgato Control Centre software, which I've hooked up to the Stream Decks as well. As well as providing stunning broadcast quality lighting, they're also great as desk lamps when set at a low intensity if you're working in low light at night.

You can achieve a variety of lighting effects by controlling the intensity and temperature of the lighting. I've found it's easier to chroma key the Elgato green screen when the Key Lights are set to the coolest temperature and maximum intensity.

View Elgato Key Light Air (x2) on Amazon
An image of an Elgato Stream Deck Mini on a white background

Elgato Stream Deck Mini

streaming

I purchased this Elgato Stream Deck Mini when I first started streaming to test out the concept of pushing buttons to control OBS. As my stream grew, so did my button-pushing requirements, and so I upgraded to the Elgato Stream Deck XL.

I still use this one daily — it's plugged into my coding machine — and I use it to trigger some quick actions such as opening GitHub, Twitter, and my Twitch dashboard. I also use it to open my stream end credits on my main monitor, so I can read them and look straight at the camera, rather than watching them on my OBS monitor and looking to the right.

View Elgato Stream Deck Mini on Amazon
An image of an Elgato Stream Deck XL on a white background

Elgato Stream Deck XL

streaming

I really couldn't do without my Elgato Stream Deck XL — it has been instrumental in improving the production of my streams on Twitch. I use it to control scene changes, overlay changes, chat commands, sound commands and audio channels.

It's definitely a big investment, so if you're just starting out, I would recommend giving the Elgato Stream Deck Mini a try. I got lucky and found a very slightly used Stream Deck XL on eBay for around half the retail price.

View Elgato Stream Deck XL on Amazon
An image of the Elgato Wave 1 microphone on a white background

Elgato Wave 1 USB Condenser Mic

streaming

This is the microphone I use whilst streaming. It also doubles as an audio interface — my monitoring headphones are plugged into the microphone whilst I stream — and the WaveLink software allows me to control any number of audio channels and their levels, and feed them into OBS as one audio input.

View Elgato Wave 1 USB Condenser Mic on Amazon
The Feedly Logo

Feedly RSS Reader

productivity

Feedly is currently my RSS reader of choice. Did you know all the cool kids are using RSS readers these days? 😎

Pssst! This website has an RSS feed!

View the RSS feed
The Figma Logo

Figma

productivitysoftware

Figma is a collaborative interface design tool you can use in the browser. I use this primarily to work with Jacob D'Rozario — my Twitch branding designer — to collaborate on ideas and assets.

View Figma website
The f.lux logo

f.lux

softwareproductivity

f.lux is an essential application for me — it's one of the first things I install on a new machine. I have pretty sensitive eyes and f.lux ensures that I am shielded from too much blue light throughout the day and late at night.

The only downside to f.lux is that if I'm streaming late at night, viewers aren't able to see what I'm doing on screen — and so I turn it off for a better audience experience. I'm still experimenting with my monitor settings to see if I can achieve the same results with hardware — but f.lux is just so easy to use and makes my life so much more comfortable in front of a screen.

View f.lux 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
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
An image of a Soul Seat by Ikaria Design on a hard floor

Ikaria Design Soul Seat

hardware

I prefer to sit cross-legged when working, so standard chairs have never been comfortable for me. After moving to remote working in 2020 and having more control over my own working environment, I decided to invest in this rather unusual chair - and I have to say - it has been the best chair I have ever sat and worked on!

The Soul Seat has noticeably improved my posture and the strength in my back, and I love the flexibility it gives me to move around and switch positions throughout the day. And what's more - the lack of a back on the chair is ideal when I use a green screen for streaming

View Ikaria Design Soul Seat 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 Miro Logo

Miro

softwareproductivity

I started using Miro in 2020 as a replacement for physical whiteboards when the world started working remotely. Whilst it's not a perfect replacement for the real thing, if you want cloud-collaborative software that's capable of visualising ideas and concepts in a digital space, or if you just want to stick a load of post-it notes somewhere, Miro is fantastic.

View Miro website
An image of the Mistel Barocco MD770 RGB Bluetooth keyboard on a white background

Mistel Barocco MD770 RGB BT with Cherry MX Red Switches

hardware

I got into mechanical keyboards in summer 2020. My first purchase was the Keychron K2 RGB (UK ISO Layout) with Gateron Blue Switches. After hearing great things about the postural benefits of a split keyboard, I tried out an ortholinear split keyboard (borrowed from a friend). That made my brain hurt a little too much, so I moved to the Mistel Barocco. I chose Cherry MX Red Switches because the blue switches on the Keychron were a little loud for late night typing!

It was a little tricky moving from an ISO to ANSI layout, but I'm digging the split layout.

View Mistel Barocco MD770 RGB BT with Cherry MX Red Switches website
An image of the Neewer photography lighting kit on a white background

Neewer Portable Photography Lighting Kit

streaming

I use these lights to illuminate the bottom of my green screen to get a more even chroma key in OBS. I had to purchase some additional (stronger) aluminium stands for these lights, as those of you who have watched my streams will know that I kept tripping on the stands and breaking them!

View Neewer Portable Photography Lighting Kit on Amazon
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
Pretzel music logo

Pretzel

streaming

I use Pretzel premium to play music whilst I'm live streaming to avoid DMCA issues. It comes with a great selection of music, Twitch chat integration, and can be optimised for YouTube and Twitch.

View Pretzel website
An image of a Rode PSA 1 Swivel Mount on a white background

Rode PSA 1 Swivel Mount

streaming

I use this to hold my Elgato Wave 1 USB mic, which is held by an Elgato shock mount. This has been a great addition to my studio, allowing for precise positioning of the microphone whilst I stream, and freeing up space on my desk whilst I'm not streaming.

View Rode PSA 1 Swivel Mount on Amazon
An image of a laptop screen with the words 'move and resize windows with ease' underneath, followed by a 'Download Spectacle' button.

Spectacle

softwareproductivity

I've used Spectacle for years — it's one of the first apps I install on a new machine. It's unobtrusive, easy to use, and easy to configure. The only known issue with Spectacle is if you're working with more than one external monitor, you might need to remap the next/previous display commands in the opposite direction.

View Spectacle website
An image of the Fractal Node 804 PC case on a white background

Streaming PC (custom build)

streaming

For streaming I use a custom PC build running on Windows. Notable specs:

  • i7 6700k
  • 32GB RAM
  • 970 Evo 500GB SSD
  • NVIDIA GeForce GTX 980
  • Fractal Node 804 case
A screenshot of a trello board with a house and furniture theme

Trello

productivity

I use Trello to keep track of streaming and content ideas, and other life projects such as house renovations and meal planning.

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