Some Useful Web Development Tools

In course of working and learning, we all discover some useful tools that just make life easier. But the net is a big place. And usual venues of information sharing - meeting at conferences and swapping tidbits doesn't happen all the time. So am trying to write down a list of webdev tools, and other general tools that I found useful.

There is a lot of choice out there for most tools. So I have included the one we use, and a few others that we evaluated. To begin with,

General Resources

• ThemeForest: HTML CSS Templates. We use Metronic. But they have many more to suit your style and needs.
• Font Awesome: Nifty icons that work just like fonts
• StackOverflow: Ask and answer your programming questions
• JSFiddle: Scratchpad to test drive your HTML, Javascript, CSS.
• Asana: Work management tools. We eventually didn't use this much
• GitHub: Code repositories
• BitBucket: Another code repo. Take your pick.
• TinyPNG: Compress images
• Qualy SSL Server Test
• Mailtrap: SMTP server testing
• CoffeeScript: Write pythonic javascript

Web Frameworks

• Django: This is probably redundant here, given that we have been talking of Django all the time. Basically, Python based web framework.
• Ruby on Rails, 
• ASP.NET

CSS Frameworks

• Bootstrap: Makes building responsive frontend UI a charm. Well designed and defined css snippets for frequently used web elements.
• Foundation
• HTML5 Boilerplate

JavaScript Libraries

• jQuery: Nifty JavaScript library that makes html document traversing, event handling and ajax simpler
• YUI

JavaScript Frameworks

• Backbone with Marionette: Backbone is awesome when you have a fairly interactive application. Helps you manage the client data display and event handling in a MVC fashion. Marionette is another library that makes backbone easier. Now, just to note, there are many more JavaScript Frameworks coming along. Back when we were evaluating, it was Backbone, Angular and Ember. But by the time I publish this post, this list will probably be outdated. :-)
• AngularJS
• Ember
• Meteor
• NodeJS
• ReactJS

Code Editors

Okaym. We are a Vi shop. But for what its worth, there are these awesome 

• PyCharm
• Sublime Text
• Atom
• WebStorm

Module Loaders
Won't make a recommendation here since we are not yet convinced that out choice is working for us yet :) But you have Module Loader Comparison + Pros / Cons to help out

• Webpack
• Browserify
• Require.js

Build Tools

• Gulp
• Grunt

Know of an awesome tool? Leave a comment!