Web design is anything but easy, at every turn there is always a fresh problem – demanding clients, new technologies to learn, a debuggable bug, fighting with browsers that don’t like you… the list goes on and on.

That is why we always love it and are very grateful when a developer devotes a huge chunk of there time and develops a tool that makes developing that little bit easier. You will find four such tools below.

CSS3 Button Maker

To use this Button Maker thing, you just adjust the settings until you have a nice looking button, then press the button and it will give you the CSS. Copy and paste at your leisure. Now you can use the class name “button” on HTML elements to make them look like buttons.
CSS3 Button Maker

HTML5 Starter Pack

This HTML5 Starter Pack is a bit different than a template. It has been built with one guiding principle: scalability. As a result, you can use this to get started on your portfolio page or the next Facebook.
HTML5 Starter Pack

Tiny Fluid Grid

Inspired by the 1kb Grid, the Tiny Fluid Grid is a super simple fluid layout generator. Its download comes with a index.html with demo code, and the grid.css containing the CSS for the grid that you have created.
Tiny Fluid Grid

Smokescreen

Smokescreen is a new open-source project aimed at converting Flash to HTML5 to run where it previously couldn't (iPhone and iPad).
Smokescreen

By Paul Andrew (Speckyboyand speckyboy@twitter).