I wanted to know what applications or tools should I use while designing for the web. It would be great to know what are the cost of the hardware/software involved.
It would be great to know if there are any tools that i could use for free, i.e. like any online tools.
closed as off topic by Alan Gilbertson♦ Sep 22 '12 at 19:57
Questions on Graphic Design Stack Exchange are expected to relate to graphic design within the scope defined in the FAQ. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about closed questions here.
It depends on your needs, preferences and what platforms you're designing for. I prefer using Photoshop for web layouts and Illustrator for wireframes and creating/managing vector assets. But Adobe products like Photoshop and Illustrator can definitely be pricey. There are some online tools for creating designs and assets, such as easel.io and wireframing tools like invisionapp.com.
Pretty broad question.
For graphics there's Adobe Photoshop, Adobe Illustrator, Adobe Fireworks, Gimp, Inkscape, paint.net, PaintShop Pro... and more. Quite a list depending upon user work preferences.
For coding all you need is a good text editor and browsers to test.
Hardware is fairly irrelevant. Even a base system with the stock amount of RAM and hard drive and create web graphics and run a text editor/browser. You do want to be able to run both the Mac OS and Windows so you can test in all browsers.