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.
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 33 things
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.
For applications that require Node.js on the server — for example, my Twitch bot — I use Heroku.
I manage most of the content on this website using Contentful — a headless CMS that delivers your data in JSON.
I love how easy this green screen 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.
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.
I use two WiFi-controlled Elgato Key Light Airs whilst streaming. As well as providing great 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.
At the centre of my lighting setup is a WiFi-controlled Elgato ring light. I mount my streaming webcam at the centre of the light.
This Elgato stream deck is connected to my coding machine. 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.
The Elgato Stream Deck XL has been instrumental in improving the production of my streams on Twitch. I use it to control everything! It's definitely a big investment, so if you're just starting out, I would recommend giving the Elgato Stream Deck Mini a try.
The Elgato Wave 1 doubles as an audio interface, 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.
Figma is a collaborative interface design tool you can use in the browser. I use this primarily to work with designers to collaborate on ideas and assets.
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.
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!
✨⚡️ 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. ⚡️✨
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
I prefer to sit cross-legged when working, so standard chairs have never been comfortable for me. 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
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.
This is the webcam I use whilst streaming. It's USB C and pretty reliable!
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.
My main machine is a Macbook Pro 16", Apple M1 Pro chip with 32GB RAM and 1TB of Flash Storage.
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.
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.
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 I kept tripping on the stands and breaking them!
npx license to add licenses to my GitHub repositories from the command line without having to install any additional packages.
I use OBS to broadcast my streams. It's free and open source.
I use Pretzel 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.
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.
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.
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
I use Trello to keep track of streaming and content ideas, and other life projects such as house renovations and meal planning.
My current IDE of choice is Visual Studio Code. It's free, built on open source, and runs everywhere.
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.