Embed Interactive jsFiddle Snippets on your Web Page

I just found out that you could embed interactive jsfiddle snippets on your webpage (not sure how long its been available, but thought it was worth a mention!). This is how you might go about embedding interactive jsFiddle code snippets live on your web page.

Instructions

  1. Go to jsfiddle.net and create your snippet
  2. Navigate to Menu > Share > Embed Code (embeds in an iFrame).
  3. Copy the iFrame code into your webpage HTML

jsfiddle-embed

Demo

Here is the demo of a jsfiddle embed – the cool things is you can switch between js, css etc and run the code live on the page, just press the play button!

Happy fiddling!

You may also be interested in: