Skip to main content

Toolset

Show me your tools, and I will tell you who you are. Or so they say.

Operating System​

MacOS. Windows if needed. Sorry Ubuntu, it wasn't working for me anymore.

Browser​

Safari for non-development, Firefox Developer Edition and Chrome for everything code related.

Text Editor​

For all my development and writing, I'm using Microsoft Visual Studio Code. I tested about a dozen various editors, and this one feels like the most polished and universal solutions for Marketing Automation Developers. It's blazing fast, powerful and extendable — great out-of-the-box, awesome once you configured for your own needs. I'm using it not only for standard coding (HTML, CSS, JavaScript, SSJS, AMPScript, MJML) but also for writing Markdown (including this site), working with JSON, manipulating CSV files and RegExing.

A lot of VSCode powers comes from a fantastic extension repository, and some require a sincere recommendation (in alphabetical order):

  • Color Highlight: Simple tools that add appropriate background to any colour code. Excellent for anything front-end.
  • ESLint: If you write JavaScript, you use ESLint. Period.
  • Image Preview: Another handy and straightforward solution. It shows miniatures of the image next to the import in the code.
  • Live Server: There are many tools to see hot reloading version of the page you are coding. This one is the simplest.
  • Material Theme: It's a beautiful looking theme.
  • MJML and mjml-syntax: Must have extensions if you want to write mobile-first emails with MJML in VSCode.
  • MCFS (AMPScript): Worth already for syntax suggestions and highlighting, but there are also more fun features if you dare to connect it to SFMC.
  • Path Intellisense: Autocompletes paths. Yay!
  • Rainbow CSV: Shows columns in pure CSV. Happy magic.
  • Codeium: If you ever dreamt about the code that writes, documents and refactors itself, this is the extension you want. Creepy. Awesome. But creepy. Must have.
  • Todo Tree: The best way to work with TODO logging in code.
  • vscode-icons: Those are nice looking icons.
  • HTML End Tag Labels: Adds HTML tag details on closing tags to make it easier to find yourself in the nested jungle.

Finally, it is not an extension, but a must-have for me: Fira Code font. Check it out. You will love it.

If you are interested in my configuration, you can find dotfiles on the Github Repository.

Terminal​

95% of the time I'm using the terminal integrated into VSCode. 5% of the time it is iTerm (on Mac) or Powershell (on Windows).

Windows setup with Powershell both as standalone and in the VSCode is quite out-of-the-box with just some useful aliases.

My Mac is a bit more customized. For starters, instead of bash, I'm using zsh with oh-my-zsh and Homebrew. I also have a lot of aliases to speed up my work (you can check them in Github Repo).

Diagrams​

For work - Lucidchart. I need visuals for mapping out architectures, processes and stories. Lucidchart makes it fast and easy.

Privately - Mermaid. Lets me create diagrams with code and output them to a website in non-image format for better performance. You can find it in multiple articles, like MMC Integration Patterns

API Client​

Postman. It is simple, and it works.

Design​

I'm not a graphic designer. I need something that is simple, fast and can output images for emails, landing pages and presentations. With such needs, there is nothing better than Sketch.

Productivity​

Apart from the above main areas, I also love some smaller apps that make my life better (unfortunately, all but the last one are Mac only):

  1. Numi - the best calculator app you can have. By far.
  2. Better Touch Tool not only allows you to leverage gestures to their fullest but also takes care of windows snapping to the edges.
  3. Mailplane - if you use Gmail and have a Mac, this app is a must.
  4. PDF Expert is the best PDF app you can have.
  5. Cleanshot makes capturing, annotating and sharing screenshots a breeze.
  6. Reeder - RSS is my favourite way of keeping up to speed with topics that are important to me. Reeder does it best.
  7. For tasks and notes, after testing multiple options, I stuck with Apple Notes and Reminders.

For Windows, there is one must-have power user tool: Microsoft PowerToys. Make your day-to-day Windows life better.

Web Tools​

There are many website tools that make my life so much easier.

  1. Regex101 is a one-stop-shop for writing and testing your regular expressions.
  2. Can I Use? is perfect for checking whether a frontend feature is supported wide enough for you to use it on your website or Cloud Page.
  3. Can I Email? does the same as the previous tool, but in the everchanging yet still always behind email world.
  4. Built With provides a sneak peak into what created a website. Starting discovery for Marketing Cloud Personalization? This is your first step.
  5. Placehold is the best solution for adding placeholder images to your design. Just adapt the URL to get exactly what you need.