I like JSFiddle, but rather keep source code under my own version control.
I was curious, so queried [Wayback/Archive] gist as jssfiddle – Google Search and found [Wayback/Archive] Publishing a Github Gist to JSFiddle | Toolbox Tech
It has better steps than the official documentation at these links:
- [Wayback/Archive] Pass response directly from a Github repo – JSFiddle Docs
- [Wayback/Archive] Display fiddle from a Github repository – JSFiddle Docs
Demo Directory/
demo.js demo.html demo.css demo.detailsdemo.[ js | html | css ]contains fiddle code for the specific paneldemo.detailsis a description of the demo written in YAML
--- name: Name of the Demo description: Some description, please keep it in one line authors: - John Doe - Jan Wisniewski resources: - http://some.url.com/some/file.js - http://other.url.com/other_filename.css normalize_css: no load_type: d ... - [Wayback/Archive] Display fiddle from Gist – JSFiddle Docs
Read a demo from Github Gist and present it as a fiddle.
Gist files structure
fiddle.js fiddle.html fiddle.css fiddle.manifestFile nameDescriptionfiddle.[js/html/css]Contains fiddle code for the specific panelfiddle.manifestYAML description of the Gist for JSFiddle to parseManifest file example name: The Name of the Fiddle description: Some description, please keep it in one line authors: - John Doe - Jan Wisniewski resources: - http://some.url.com/some/file.js - http://other.url.com/other_filename.css normalize_css: no wrap: bpanel_js: 1 panel_css: 1Manifest fields-
panel_html– Language for HTML panel. Accepts:-
0– HTML
-
-
panel_css– Language for CSS panel. Accepts:-
0– CSS -
1– SCSS
-
-
panel_js– Language for the JS panel. Accepts:-
0– JavaScript -
1– CoffeeScript -
2– JavaScript 1.7
-
-
resources– List of external resources. -
name– Fiddle title -
description– Fiddle description -
normalize_css– Normalize CSS by loading normalize.css before any CSS declarations.-
yes– normalize -
no– don’t normalize
-
-
wrap– Set the JS code wrap. Options:-
l– On load -
d– On DOM ready
-
-
–jeroen
