JavaScript
Article
By Sam Deering

Embed Interactive jsFiddle Snippets on your Web Page

By Sam Deering

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:

Recommended
Sponsors
The most important and interesting stories in tech. Straight to your inbox, daily. Get Versioning.
Login or Create Account to Comment
Login Create Account