Javascript Programming using Firebug
Part of creative process during web programming and design involves streamlining and optimizing the workflow.
That means trying to make things done faster, in less time.
One tool I find really valuable is Firebug.
Download and install this javascript console and debugger for Firefox, and a new icon appears in the lower side corner of the browser.
In fact, Firebug is usually deactivated, until you click this icon and tell it to start to process the website you are seeing (you can also tell it to stay in an always active mode, but this burns cpu cycles pretty fast).
If Firebug is active, it's capable of making you peek under the hood of the live page you are seeing, showing precisely what you want to know about the engine running. This means less trials and errors.