This is a list of development tools, and setups for those tools that I use for my front end development work. This is not an exhaustive list by any means.

• Basic Configurations
  • Operating System
  • Browser
  • Hosting
  • Editor
• Stack
• CMS
• Task Runner
• CSS Framework and Preprocessor
• Package Management
• TDD and Continuous Integration
• Design Tools

Ubuntu/Xubuntu

Firefox with built in firefox dev tools and firebug, and also a screengrab add on. Also Chrome with chrome developer tools.

Firebase/Gh-pages/Heroku/Amazon S3

Atom with beautifier

I use MERN stack a lot lately, i.e. Mongo db, Express, React and Nodejs. I have also worked with MEAN (Mongo, Express, Angular, Node) and SPRING MVC in the past. To handle state management issues with React, I use Redux.

I use Jekyll - the static site generator based on Liquid. I have also tried Prismic.io - the headless CMS and paired it up with some Bootstrap on the frontend.

I use Gulp to compile, minify, lint my code and more.

Bootstrap is my choice because it makes it so easy to design responsive pages. SASS is my choice of preprocessor, but I have also used LESS in the past.

I use Yarn because it is much faster, but NPM is also pretty good.

I use Jest and Enzyme for testing, and Travis for continuous integration.

Photoshop and Illustrator