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 16 coding things
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).
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
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.
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!
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.
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.