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 peep show GIF of Mark showing off his ergonomic management keyboard in the background.
Development
- I use VS Code as my text editor, with the Tokyo Night theme and Operator Mono as my typeface of choice.
- Firefox 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 cool 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.
- For eccommerce websites I use Shopify. Its a great platform for building eccommerce websites quickly and easily.
- For building and testing UI components in isolation I use Storybook.
System
| Desktop | iMac M4 24" |
|---|---|
| Operating system | Arch Linux (by the way) |
| Browser | Firefox |
| Monitor | 1440p IPS 144hz DELL U2412M |
| Keyboard | Apple Magic Keyboard |
| Mouse | Apple Mouse |
| Laptop | Macbook Air M2 13" |
| Headphones | Sony WH-1000XM4/Apple Airpods |
| Microphone | Blue Yeti |