This allows you to skip the part of hosting code on JSFiddle and load it directly into the editor from a Github repository.
Demo directory structure
1
Demo Directory/
2
demo.js
3
demo.html
4
demo.css
5
demo.details
Copied!
demo.[ js | html | css ] contains fiddle code for the specific panel
demo.details is a description of the demo written in YAML
1
---
2
name: Name of the Demo
3
description: Some description, please keep it in one line
4
authors:
5
- John Doe
6
- Jan Wisniewski
7
resources:
8
- http://some.url.com/some/file.js
9
- http://other.url.com/other_filename.css
10
normalize_css: no
11
load_type: d
12
...
13
Copied!
All fields are optional
Running demo in JSFiddle
URL segments in examples:
framework – the desired framework to load along the code from repo
version – substring of the framework version - the last passing will be used. If 1.3 will be given, JSFiddle will use the latest search result. it will favorize 1.3.2 over 1.3.1 and 1.3
dependency_list – comma separated list of dependency substrings. It would mark any dependency containing the substring
github_tree – the path to the directory used to display it on github page (without http://github.com/)