Below I am sharing some important tools for web designer which are available free and can reduce lots of work of web designer of manual coding and implementation.

Thesquaregrid.com : Want to make structural website with use of grid? It provide basic CSS frame work based on 35 columns of equal width with size of 28 PX. There is a margin of 1 square between two blocks.

Japp.com : Looking for something specific to develop web application with HTML5? This javascript frame work would surely reduce your time in building application based on HTML5.

Framebox.org : It would help you creating wire frame with just drag and drop features and allow you to share your design with others.

Gridulator.com : It is another free tool to create pixel based Grid with instant preview option to check. It will allow you to specify no. of columns and width of the columns for grid.