If you are doing a lot of HTML5 Canvas drawing, you'll love WebCode.
User interaction code and animations were added by hand. The drawing code was generated by WebCode.
Stop writing CSS3 gradients, shadows and media queries by hand.
From now on, WebCode will do that for you. In fact, it will convert rectangles, rounded rectangles, ovals, texts, images, gradients, inner and outer shadows, strokes and fills to CSS+HTML code!
SVG shines when making infographics, and WebCode is a great tool that instantly transforms your drawings to readable, succinct and beautiful SVG code.
The code is shown in real time - you can see it change and grow!