The perfect front end development setup

I often get asked what platform I use to develop on. Here is short post about my not so big pimpin' dev setup.
By Bartosz Staryga Posted 07 September 2015

The perfect front end development setup

I often get asked what platform I use to develop on, which software, and about my development setup in general. I often ask the very same question to other developers. It looks like I am not the only one interested in work environment of others so I thought it might be useful to write a short post about my not so big pimpin' dev setup.

Hardware

In my workplace I have a 13-inch, late 2011 MacBook Pro. It's fast enough for what I need and does the trick.

Hardware overview

Since it is just 13" I am using 23" DELL Display as my secondary monitor.

Software

Here is my small checklist for setting up development in terms of software.

General

  • Chrome - the best browser
  • Mailplane and Microsoft Outlook - manage e-mail accounts.
  • Slack - primary communication tool inside the company.
  • Skype - used for conference calls with other development centers.
  • Evernote and Stickies - Keep track of everything.
  • Twitter client - keep track of what's going on in the industry.
  • Spotify - in case I am tired of listening to my colleagues, I'd rather listen to some good music :)
  • BetterSnapTool - one thing I was missing when I moved from Windows to Mac was the ease of managing the size and positions of different windows simply by dragging them to the side. This app does it just fine.
  • Bartender - gives the item control for Mac menu bar.

General

Development

  • Chrome (again :)) - best DevTools out there.
  • Homebrew - best OS X package manager.
  • Terminal - we know what it's for :)
  • Sublime Text - super fast code editor with huge number of useful plugins (list of the ones I am using might become a post in the near future :))
  • Transmit - still need to FTP now and again (rarely).
  • Color Picker - small app that sits in a menu bar and let snap colors of the whatever I want (best $1 ever spent)
  • LittleIpsum - sweet Lorem Ipsum generator.
  • ImageOptim and TinyPNG - lossy compression tools for images.
  • Adobe CC - sometimes need Photoshop, sometimes Illustrator. Pretty much for tools for playing with what design team is sending us.

Development

Well I hope you have enjoyed this quick peek into my development setup, would love to hear what you use. Feel free to share your tools in the comments below.

Bartosz Staryga
Bartosz Staryga
Software Engineer