Recently I was thinking about to design a Live editor for CSS and HTML, while googling I found an amazing tool. There you can edit CSS3, HTML5 and JavaScript. Not only JavaScript, we can load other popular libs like jQuery, mootools, dojo etc. You can use their API on your site. JsFiddle is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc.

I’m very much curious about the flow/working of the tool, so  I did MouseOver Auto Scroller Menu Using jQuery and CSS in  Here you find the codes in JsFiddle. The screens gives you the steps which I followed.

Editor Window

Choosing JavaScript libs

Adding external resource files

The Editor View

Result

Hope you would enjoy this tool.