jsfiddle generally used for sharing, saving and embedding HTML, CSS, and JavaScript snippets. jsfiddle allows us to add code snippet within our web pages and we can able to customize look and feel of code snippet like changing the visual theme, font color, code background, menu background. jsfiddle will show JavaScript, HTML, CSS and Result tabs by default we can some of its tab if their no use of it by check and uncheck the checkbox follow with tab name. For example, if you are making code snippet in which we have only used HTML and CSS section and not done any JavaScript work in that case there is no need of display JavaScript tab with your web page.

1. jsFiddle snippets
Embedding
To Your Webpage
By Makitweb

2. About jsFiddle:
jsfiddle allows us to
add code snippets
within our web page.

3. Embedding Steps
● First, go to the jsFiddle.net and
create a code snippet.
● Navigate to the menu and click
on embed.

4. It contains
following
sections -
Tabs
Visual, Embed Code
And Preview section

5. Tabs
Checked or Unchecked
Tabs (JavaScript,HTML,
CSS and Result). You can
view the changes in
Preview section.

6. Visual
From here we can do -
● Change the theme,
● Font color,
● Accent Color,
● Code background color,
● And Menu background

7. Embed Code
It contains embedding
code in 2 forms -
● Script and
● Iframe
Copy iframe code and use
it on your web page.

8. Conclusion
jsFiddle allows us to add code snippets
to the web page. It is the best way to
represent working code on the web
page and it enables readers to edit the
code snippets and run it.

9. yssyogesh@makitweb.com
@yssyogesh_singh on twitter
Makitweb.com