Uses
A somewhat comprehensive list of the tools, apps, hardware, and more that I use on a daily basis to design and code things. And yes, that’s a Johnny Mnemonic GIF in the background.
Design
- Figma is my primary tool for UI design these days. It’s fast, collaborative, and has a great plugin
Development
- I use Visual Studio Code as my text editor, with the One Dark Pro theme and FiraCode as my typeface of choice.
- Microsoft Edge 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 designer.
- 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 a myriad pre-processors and css-in-js solutions like styled-components, but these days I’m using vanilla CSS with PostCSS 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.
System
| Desktop | Custom built |
|---|---|
| Operating system | Windows 11 Pro |
| Browser | Microsoft Edge |
| Mouse | Forev FV-985 |
| Laptop | HP 14S-DQ5XXX |