Uses (2022)
A somewhat comprehensive list of tools, apps, and more that I use on a daily basis to code and design things. And yeah, that is a Johnny Mnemonic GIF in the background.
Development
- I use Visual Studio Code as my text editor, with the Dracula theme and Cascadia Code PL as my typeface of choice.
- Chrome is my main browser for both development and general use.
- React (and its ecosystem) is my front end Javascript library of choice. The component-centric mental model & their methods of lifecycle 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 so much 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 building and testing UI components in isolation I’m learning to use Storybook. Storybook of this website is coming soon :).
Design
- Figma is my primary tool for UI design these days. Learned to use it on 2020 and I haven’t never looked for another tool.
- Any motion graphics I create are created in Adobe After Effects. So far I haven’t found a non-Adobe product that’s as good. If anyone has suggestions please message me.
- For any graphic design or photo editing I use Adobe Photoshop. It’s a must have for any designer/photographer and since I was a kid I’m in love with it, spending hours on improve my creativity with this software.
- For me, it’s a never-ending journey of learning and finding new tools and processes that I can use to create and improve my designs. Nowadays i’m learning Adobe Illustrator so stay tuned!