Uses
A somewhat comprehensive list of tools, apps, hardware, and more that I use on a daily basis to design and code things. And yeah, that is a Johnny Mnemonic GIF in the background.
Development
- I use Visual Studio Code as my text editor, with the Atom One Dark theme and Operator Mono as my typeface of choice.
- Google Chrome is my main browser for both development and general use.
- React is my front end Javascript library of choice. The component-centric mental model is the first thing that truly made sense to me as a student.
- For 3D effects and image shaders I use three.js. It has a bit of a learning curve but you can do some really powerful stuff with it.
- For CSS I’ve used css-in-js solutions like styled-components, but these days I’m using Tailwind CSS to get upcoming CSS features today.
- For Javascript animations I use Framer Motion, it’s a great way to add spring animations to React and three.js.
- For building and testing UI components in isolation I use Storybook.
Hardware
| CPU | Intel i7 9700k |
|---|---|
| GPU | EVGA FTW3 ULTRA GAMING GeForce RTX 3070 |
| Memory | GSkill 32GB DDR4 3600mhz CAS 18 |
| Motherboard | Gigabyte H370M-D3H |
| Monitor | Acer V243H 24" ×4 |
| Keyboard | Logitech G815 GL Clicky |
| Mouse | Logitech MX Master 3S |
| Laptop | Macbook Pro 13.3″ (2020 M1) |
| Headphones | Sony WH-1000XM4/Apple Airpods Pro |
| Microphone | Blue Yeti |