Finding the right tool to do web development is key to being successful. Technically, you can do the majority of the job by just using a simple text editor, but it seems silly to not take advantage of the great apps out there today.  Since there are many apps that aid in this category, I thought I might pick a few favorites and give some insight into why they are awesome web apps.

The all mighty web browser

Although I have enjoyed the some-what recent release of Google’s Chrome browser for Mac OS X, it isn’t the right browser for the web developer. Perhaps in the future it might have a chance, but until the plugins start running on Mac OS X, and some other minor glitches are worked out (like refreshing the cache when I tell you to Chrome), you have to use Firefox.

Even though Firefox isn’t the fastest browser out there, it does a very good job with web standards and it has web developer specific plugins:

  • Web Developer: this plugin has some great options for debugging and testing
  • Firebug: this plugin is great when you need to debug JavaScript and AJAX.
  • MeasureIt: this simple plugin lets you measure distance in pixels, not super important but nice for figuring out layout problems

Although I wish I could develop exclusively on Mac OS X, I do a lot of development on Windows as well and because of that I am going to pick out options for both of those operating systems for the next sections.

Graphics

I feel like any web developer out there already knows this, but the answer here is Adobe Photoshop. It is an industry standard and is used so much that there are many resources available for it online. It is pricey, but worth it if you are a web developer. Plus, CS5 just came out, so cheers for new features such as Puppet Warp.

Text editors

There are times you want to just open a file really quick and don’t need the overhead of an IDE. To make a quick edit. If I am working in Windows I prefer Notepad++ because it has some powerful features and is super lightweight. It also has some plugins for extending it’s regular functionality.

For Mac OS X, I like Smultron, for your basic text editor. However, the developer has decided to discontinue development on it. I plan on looking into more options in the near future.

Transferring your files

I do the majority of my file transferring on Mac OS X, so I will start there. I use Transmit. It is inexpensive, works really well and integrates really well with the OS X environment. If you do not want to pay for something, or you are using Windows your next best option is FileZilla. Although the interface isn’t as clean it is very powerful and will do everything you need it to do.

IDEs

I know many web developers who do not use a true IDE, and one of the applications I am about to recommend isn’t really an IDE, but it has a lot of the same features. An IDE to the average web developer is a glorified text editor because most of the time we aren’t dealing with compiled code, so an IDE isn’t something we need. However, many IDEs have great features like project management, function and variable auto-complete based on your code, and offer better documentation methods to name a few features.

At the top of my list, is Zend Studio. This IDE is the most complete, least buggy, cross platform compatible and most extensible IDE I’ve used. It is slower when it is starting up than your average text editor, but once it gets going it’s features greatly speed up the development process. This IDE does carry with it a large price tag, so be warned if that is an issue.

Next on the list is the sudo-IDE, Coda. Coda is made by the same people that make Transmit. It is priced really well and has a great editor with a project-based perspective and even has some nicer features than Zend Studio does. Even better it utilizes the smart and beautiful Mac OS X interface and has all the great features that Transmit does as well.

If free is your only option here there are some good options such as Netbeans, Aptana and more. There is a great article over at Smashing Magazine about picking between IDEs.

Database tools

For the purposes of this article I am going to talk about MySQL tools as that is the most common need out there. There are three things that you need here, and they are all free and cross platform:

  • phpMyAdmin — this is a great PHP application that is practically an industry standard tool, it’s free and easy to use
  • Command line access — having command line access is an important safe guard and is sometimes just necisary
  • MySQL GUI tools — this comes straight from the MySQL folks and although it is a little clunky, it is a nice desktop application and supports stored procedures, it is really nice when you are writing a bunch of queries and want to have multiple queries open

I hope you enjoyed the article and I look forward to hearing your comments and feedback.

Bookmark and Share