My Developer Tool Stack

I often get asked what extensions I use for development.

As my development is mainly building websites/apps using .Net, here is my stack of tools that I use on a day to day basis:

Visual Studio Extensions Stack

Collapse Selection In Solution Explorer
http://visualstudiogallery.msdn.microsoft.com/cb0ec47d-05a4-40a7-ba39-9a2da6492f1c/
Many Visual Studio users have a solution tree structure with multiple projects and solution folders that are organized as a deep hierarchy.  This extension allows you to easily collapse the hierarchy in the solution explorer.

Indent Guides
http://visualstudiogallery.msdn.microsoft.com/e792686d-542b-474a-8c55-630980e72c30
This simple extension draws vertical lines (guides) for you visual studio code.

Javascript Parser
http://code.google.com/p/js-addin/
When you are editing a extremely large javascript files it’s very useful to have some set of tools to improve the performance of development process and avoid possible bugs.

JSEnhancements
http://visualstudiogallery.msdn.microsoft.com/0696ad60-1c68-4b2a-9646-4b5f4f8f2e06
This extension provides outlining and matching braces highlighting features for Visual Studio JavaScript and CSS editor.

Mindscape Web Workbench
http://www.mindscapehq.com/products/web-workbench
I mainly use this extension to for LESS syntax formatting

Productivity Power Tools
http://visualstudiogallery.msdn.microsoft.com/d0d33361-18e2-46c0-8ff2-4adea1e34fef/
A set of extensions to Visual Studio Professional (and above) which improves developer productivity.

Web Essentials
http://visualstudiogallery.msdn.microsoft.com/6ed4c78f-a23e-49ad-b5fd-369af0c2107f
The Web Essentials extension lets you perform common tasks much easier.

Firefox Extensions Stack

CollorZilla
http://www.colorzilla.com/
Advanced Eyedropper, ColorPicker, Color Analyzer and other useful goodies for Firefox and Chrome

Firebug
https://www.getfirebug.com/
Web Development Evolved.  If you don’t already have this installed, I’m not even sure you can call yourself a web developer.  😉

Firequery
http://firequery.binaryage.com/
FireQuery is a Firefox extension integrated with Firebug.  I mainly use to this determine what events are bound to elements in the DOM.

Other Tools

WinLess (for Windows)
http://winless.org/
LESS is a CSS precompiler tool that allows you to extend CSS with dynamic behavior such as variables, mixins, operations and functions. For more information on LESS itself, see http://lesscss.org/. WinLess watches specific folders/files and automatically compiles your LESS files into standard CSS files.

Greenshot
http://getgreenshot.org/
Awesome screengrab tool. What I really like about it, is the ability to capture the last capture region.

Advertisements