loading...

Tools I use for web development

gokulkrishh profile image Gokulakrishnan Kalaikovan Updated on ・3 min read

Why this post?

As a web developer, I use a lot of tools (new & old), utilities & some tips from my discovery and from lots of people around (twitter, product hunt etc,). Today I want to share all of apps & tools I use for web development.

Terminal

  • oh-my-zsh is my default terminal.
  • z is autocompletion shortcut for folders.
  • Consolas - Terminal font.
  • Dracula theme (slighty customized).
  • Lots of custom & borrowed aliases (super lazy me 😆).

Code Editor

Editor Plugins

Most of the time I try to use fewer extensions & plugins. A few I use in vscode editor are below.

Desktop Apps (OSX )

  • Itsycal - A minimal menu bar calendar app.
  • Licecap - GIF recorder.
  • Skitch - To add annotation, shapes etc,.
  • Sketch - My dribble shots.
  • Virtual Box - To run IE10+ browsers and other windows app.
  • Kap - Capture your screen and output it as GIF, Video.
  • Keycastr - KeyCastr, an open-source keystroke visualizer.
  • Muzzle - To mute your mac notifications while sharing screen (PS: Read notifications examples in their website 😜)
  • Things - Personal task manager (started using this to track my goals & todos)
  • Spectacle - Move and resize windows with ease in mac.

Browsers

  • Chrome, Chrome Canary (my default browser)
  • Opera
  • Mozilla Firefox, Mozilla Firefox Nighly,
  • Safari, Safari Technology Preview & Nightly (SW is supported 😬).

Browser Extensions

Chrome

Dotfiles

Originally posted in gokulkrishh.github.io

Thanks for reading my post. If you have any suggestion or a question comment below.

Posted on by:

gokulkrishh profile

Gokulakrishnan Kalaikovan

@gokulkrishh

Web Dev @Thoughtworks, GDE for Web, Speaker, Curator at @thisweekinweb, Author of http://how-it-works.dev & github: http://github.com/gokulkrishh

Discussion

markdown guide
 

Great list! I'll for sure check out a lot of these suggestions!

I've found Charles to be an invaluable tool. It's an http debugging proxy that lets you remap urls to local or remote files, replay requests or sequences of requests, edit requests and replies on the fly, and a host of other nifty tools. (I've used Fiddler as well, and it's excellent.)

 

Hi Christopher, Thanks for your suggestion. I will check them out :)

 

I agree, this is a nice list. I have a question on Muzzle. How is this different than turning on Do not Disturb? I'm assuming it auto-detects that I'm sharing and prevents notifications from showing up?

 

Yes thats right. It will work for few apps only such as slack calls, hangouts.

 

Thank you for the ohmyzsh theme "dracula"

 

Thanks!

I'll give a try to the Dracula theme for VSCode.
Import Cost is a glorious extension!

 

Hi,

Yes Import Cost is an awesome extension. I use dracula theme in my vscode + in terminal which is little modified.