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.
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
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.
For applications that require Node.js on the server — for example, my Twitch bot — I use Heroku.
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.
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).
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.
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.
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.
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.
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.
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.
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.
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!
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.
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.
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. ⚡️✨
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.
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. 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
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.
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", 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!
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 those of you who have watched my streams will know that 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. Due to most of my work being open source, I usually choose the MIT license because it is the most flexible.
I use OBS to broadcast my streams. It's free and open source.
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.
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. 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.
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.
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.
My current IDE of choice is Visual Studio Code. It's free, built on open source, and runs everywhere.
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.