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!

--ADVERTISEMENT--

Happy fiddling!

You may also be interested in: