Web Development Tools

Regardless of what language you use to build your web applications, there are a couple common tenants and tools that I feel are useful.

First, I strongly believe in the idea of permanent URLs. I agree with pretty much everything this W3C article says. All your URLs should be permanent, obvious, and technology agnostic. While this isn't strictly a tool, I think it is important for everyone building public websites to at least consider and realize the trade-offs they are making by breaking these guidelines.

Firefox. Yes, you should also test in IE, Safari, etc. but Firefox is a great tool for your primary development. It provides great information out of the box. Plus, there is a great set of plugins that are very useful:

Web Developer - It provides great introspection information, and on the fly CSS editing. The list goes on. This is a must have.

FireBug - A true JavaScript debugger. Breakpoints, watches, etc.

YSlow - A Yahoo add on to FireBug that provides insight on how to improve your page load time.

Live HTTP Headers - Watch the HTTP Header information exchanged between the browser and web server.

Extended Statusbar - Displays information about how fast a page loads and how big it is. I've found this one interesting but not critically useful. Anyone have a better suggestion?

ColorZilla - Allows you to grab color information from images/pages.

Does anyone have any other must have tools?

1 comment:

  1. Nice list, but it looks like you pretty much concentrated on Firefox and it's plugins.

    Some random additions...

    IE troubleshooting (i hate to use these):
    - fiddler
    - ms js debugger

    win:
    - cygwin
    - putty/pageant
    - winscp
    - passwordsafe
    - tortoisesvn

    ide's (ones i use):
    - intellij (java)
    - aptana (rails)
    - ...

    research:
    - google
    - delicious
    - bloglines/greader

    google tools:
    - google analytics
    - google webmaster tools

    ReplyDelete