1,926
edits
MDN/Archives/DemoRoom: Difference between revisions
Jump to navigation
Jump to search
→MDN Demo Room
| Line 1: | Line 1: | ||
== MDN Demo Room == | == MDN Demo Room (+ Firefox 4 demos microsite) == | ||
It has become clear that having a few blog posts and tutorials on the Hacks blog to share cool demos with developers and the community is not enough. We need a centralized library of demos, with access to the source and ways to share, hack and contribute. | It has become clear that having a few blog posts and tutorials on the Hacks blog to share cool demos with developers and the community is not enough. We need a centralized library of demos, with access to the source and ways to share, hack and contribute. | ||
A lot of work that Paul Rouget has already done, combined with the new demos under development for the Firefox 4 launch, presents | A lot of work that Paul Rouget has already done, combined with the new demos under development for the Firefox 4 launch, presents an opportunity to build an MDN Demo Room (DR) to showcase demos and create a community-driven demos application to encourage hacking and sharing of HTML5, CSS3 and JavaScript demos. | ||
There will be three major components to the DR: | |||
*Gallery/Viewer | *Gallery/Viewer | ||
** | ** display demos as thumbnails or live previews | ||
** click on them to see full demo | |||
** encourage voting (like/thumbs-up), viewing source, and discussing in forums | |||
** provide links to docs to help understand the technologies | |||
*Submission Form | *Submission Form | ||
** | ** enable community to submit their own demos | ||
*Editor | ** require a minimum set of information/details as a filter and to ensure good data for promoting, filtering, etc. | ||
** | ** encourage self-policing with flags | ||
*Editor [FUTURE] | |||
** allow community to make revisions of existing demos and resubmit their own versions. | |||
** integrate a cloud editor like [https://mozillalabs.com/skywriter/ skywriter (formerly bespin)] or [http://jsfiddle.net jsfiddle] to make the code interactive. | |||
== Gallery/Viewer == | == Gallery/Viewer == | ||