There are effectively three tools needed for the construction of a website. Knowledge of HTML and CSS, Code editor and a graphics editor. Sounds simple and in the essence it is, but finding the right tool that suits requirements and personality is important. The first, most important tool is an HTML editor, and there are hundreds of choices available, free and paid for ( see what is the best software). CSS is another text-based language and a text editor would suffice, but again a good knowledge of the language is needed. A good alternative is a CSS editor such as Rapid CSS ( www.rapidcsseditor.com) or Notepad++ ( notepad-plus-plus.org). A graphics editor is crucial for any web designer and the popular choice is photoshop. This is a great package but expensive. The popular alternative is GIMP (gimp.org).
Beyond software packages, there are some great in-browser tools. Firefox includes some great developer tools that help deconstruct a page. Add-ons such as Firebug (getfirebug.com) extend the browser’s capabilities making the Mozilla browser the web designer’s choice.
There is an Aladdin’s cave of online tools that will help with every aspect of the web design process. pixlr (pixlr.com/) is a suite of powerful creative applications, that includes an image editor, screen capture and vector editor.
CSS Click Chart (css3clickchart.com) is a great tool that creates code for the latest CSS3 specifications.
Initializr (initializr.com) is a tool that helps create a basic HTML5 Template.
For those looking for color inspiration, Color wizard (colorsontheweb.com/color-tools/color-wizard) offers an intuitive tool for creating complementary color palettes.