Bug 19543 - Run Demo Code
Summary: Run Demo Code
Status: NEW
Alias: None
Product: webplatform.org
Classification: Unclassified
Component: infrastructure (show other bugs)
Version: unspecified
Hardware: All All
: P2 enhancement
Target Milestone: ---
Assignee: Doug Schepers
QA Contact: public-webplatform-bugs list
Depends on:
Reported: 2012-10-15 19:13 UTC by Jonathan Garbee
Modified: 2012-12-19 18:18 UTC (History)
4 users (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
Description Jonathan Garbee 2012-10-15 19:13:20 UTC
It has been brought up in IRC that we should have a way to allow for example code to actually be ran.  This would be handy for things like CSS/HTML examples to display inline how things work.
Comment 1 Christian Vuerings 2012-11-03 21:03:20 UTC
Made a small prototype of how this could look like at http://www.youtube.com/watch?v=6Td2IJZSGwI

The code for this is at https://gist.github.com/4008670
Comment 2 Jonathan Garbee 2012-11-04 15:00:04 UTC
We are looking into ways of doing this on-site.  The reason being that the software we use needs to be Open Source and I don't see where codepen is.  If their code is available for download then we could get it and use it locally.  It looks like Dabblet [1] is what is being looked into to get tweaked and used for our needs currently.

[1] http://dabblet.com/
Comment 3 Christian Vuerings 2012-11-04 15:31:03 UTC
@Jonathan: Does dabblet support JavaScript? Another alternative would be to use JSBin since it handles JS/CSS and HTML e.g. http://jsbin.com/eboguz/4

Code is on https://github.com/remy/jsbin and is MIT Licensed.
Comment 4 Jonathan Garbee 2012-11-04 15:36:52 UTC
Dabblet does not seem to currently support JS, it would need to be an addition made.  JSbin seems nice but I have never really used it.
Comment 5 Chris Mills 2012-11-05 13:24:00 UTC
Lea is intending to add JS support to Dabblet before too long.
Comment 6 Mike Sierra 2012-11-30 20:00:14 UTC
I'd like to second the request to be able to render live examples.  I have a CSS-property manipulator framework that would work well on this site. I understand the difficulty hosting pages, so maybe s/b a contribution system?
Comment 7 Mike Sierra 2012-12-19 18:18:51 UTC
I can see a particularly strong need for demos of emerging features. Question: Assuming JS support, can feature detection such as Modernizr be baked in so that each demo page doesn't have to provision this separately?  a suggested developer interface would be a function accepting a list of test names like "cssmask" and "webaudio".  Ideally end users could be directed towards a browser that supports all those features, but that might be more difficult.