hy.am studios

Tools

In general, we don’t force your hand on which software to use. But ask us in case you want to use some shady software (hello Gimp, InkScape, and other OpenSource things) in case of potential limitations. If you use krak3d software, you know the risk of it 🙂 so ask for a license on the dedicated form and we’ll see to it.

I’m open to new software, so if you think you have a better solution, please make your case. In the meantime, here’s what we I use on a daily basis.

OS

You will most probably be using macOS because it’s pretty great. Still, if you really want to embrace the Windows or Linux life you are free to do so.
⚠️ Consider software (in)compatibilities.

To Code

IDE: I would recommend using Visual Studio Code as it is one of the most complete tool. Though if you are a Vim nerd, please have fun.

Formatter: prettier Everyone has their own ways of writing code, but in order to stay consistent, you are required to used prettier. Remember to set it up in either globally or in your editor. Ask me if you have trouble doing so.

Linter: eslint // stylelint The formatting is handle with Prettier, we just need to make sure our code is running smoothly and that we didn’t forget a semicolon somewhere.

Task runner: yarn

Server: Ideally, we are not touching any server configuration file but you might end up using MAMP (Pro) unless you are an AMP or Vagrant Ninja and can set it up with the terminal, in which case please teach us. Otherwise, we try to be as static as possible, so we don’t have to worry about boring things like this

To Version

Github: You will be using git/githubfor versioning. I recommend using command lines to work with it (more details in the Github section).

To Design

We use multiples software and services that you should be able to understand ad minima.

Creation: Sketch, Creative Cloud We use these to the actual design. Your computer should be able to run those software.

⚠️ Sketch is a macOS only app meaning:

  • If you are running Linux, you probably know about Wine 🍷 and hate it but don’t have a choice using it.
  • If you are running windows, you will need to set yourself a nice virtual box with macOS in. You can ask Martin as he have experience doing Hackintosh (spoiler alert: it sucks).

Collaboration: zeplin, invision Even though you’ll have sketch installed, your use of it should be quite limited. We use Zeplin to fill the gap between the designers and developers. It basically renders the sketch file for you. Best. Tool. Ever.

Invision does the same, you may not need it, but it’s always good to check it out to see where we at with the projects.

Misc.

A quick list of the differents software you may want to try out:

  • ImageOptim: Because you should compress your assets. It even works for .gif files
  • Handbrake: If you ever need to convert a video
  • iTerm: The best terminal for macOS
  • Oh My ZSH: Sleek terminal enhancement
  • Transmit: Great FTP client. It’s a paid software, in theory.
  • Firefox: because fuck Google
  • Tor: Only if you care about privacy :)
  • VMWare Fusion: So you can run/test on other OS (looking at you Windows). It’s a paid software, in theory.
  • RightFont: Because the default font manager kinda sucks.
  • KeepingYouAwake: So your computer doesn’t go to sleep while doing boring work, aka Builds, database uploads, and so on.
Questions? Please contact the author for this page:

Martin - Frontend Developer

Updated on: 29th October, 2018