Confirmed users
9,624
edits
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
__NOTOC__ | |||
http://farm7.staticflickr.com/6031/6332218821_9a8c984055.jpg | http://farm7.staticflickr.com/6031/6332218821_9a8c984055.jpg | ||
< | <h1 id="page-title">Mozilla Webmaker</h1> | ||
<a href="https://www.mozilla.org/webmaker"><strong>Mozilla Webmaker</strong> </a>is a new program from the <a href="https://www.mozilla.org">Mozilla Foundation</a> to help people everywhere make, learn and play using the open building blocks
of the web. | |||
<strong>The goal</strong>: help millions of people move from <em>using</em> the web to <em>making</em> the web. With new tools to use, projects to create, and events to join, we want to help the world increase their understanding of the web and take greater control of their online lives. | |||
<h1>Software</h1> | <h1>Software</h1> | ||
We have a variety of tools to help people learn to become webmakers and to help represent what they've done, from tools to help you bring the Web into your videos to easy code editors to digital badging systems. | |||
<h2>Popcorn Maker</h2> | <h2>Popcorn Maker</h2> | ||
Mozilla Popcorn makes video work like the web. We create tools and programs to help developers and authors create interactive pages that supplement video and audio with rich web content, allowing your creations to live and grow online. We create a Javascript library for timing content ot media files (Popcorn.js) and an authoring environment for everyday users (Popcorn Maker). <a href="http://mozillapopcorn.org/">More info here.</a> | |||
<table | <table border="0"> | ||
<tbody> | |||
<tr> | |||
<td><strong>More Info</strong></td> | |||
<td><a href="https://wiki.mozilla.org/Popcorn.js" target="_blank">Popcorn.js</a> & <a href="https://wiki.mozilla.org/PopcornMaker" target="_blank">Popcorn Maker</a></td> | <td><a href="https://wiki.mozilla.org/Popcorn.js" target="_blank">Popcorn.js</a> & <a href="https://wiki.mozilla.org/PopcornMaker" target="_blank">Popcorn Maker</a></td> | ||
</tr><tr><td><strong>Code Repo</strong></td> | </tr> | ||
<tr> | |||
<td><strong>Code Repo</strong></td> | |||
<td><a href="https://github.com/mozilla/butter" target="_blank">Github</a></td> | <td><a href="https://github.com/mozilla/butter" target="_blank">Github</a></td> | ||
</tr><tr><td><strong>Issue Tracking </strong></td> | </tr> | ||
<tr> | |||
<td><strong>Issue Tracking </strong></td> | |||
<td><a href="https://webmademovies.lighthouseapp.com/dashboard" target="_blank">Lighthouse Popcorn</a></td> | <td><a href="https://webmademovies.lighthouseapp.com/dashboard" target="_blank">Lighthouse Popcorn</a></td> | ||
</tr><tr><td><strong>Primary Language/Framework</strong></td> | </tr> | ||
<tr> | |||
<td><strong>Primary Language/Framework</strong></td> | |||
<td>JS</td> | <td>JS</td> | ||
</tr><tr><td><strong>IRC</strong></td> | </tr> | ||
<tr> | |||
<td><strong>IRC</strong></td> | |||
<td>irc.mozilla.org #popcorn</td> | <td>irc.mozilla.org #popcorn</td> | ||
</tr><tr><td><strong>Mailing list</strong></td> | </tr> | ||
<tr> | |||
<td><strong>Mailing list</strong></td> | |||
<td><a href="https://mail.mozilla.org/listinfo/community-popcorn" target="_blank">Popcorn Community</a></td> | <td><a href="https://mail.mozilla.org/listinfo/community-popcorn" target="_blank">Popcorn Community</a></td> | ||
</tr><tr><td><strong>Dev Cycles</strong></td> | </tr> | ||
<tr> | |||
<td><strong>Dev Cycles</strong></td> | |||
<td>Popcorn Maker: Monthly; Popcorn.js: bi-monthly</td> | <td>Popcorn Maker: Monthly; Popcorn.js: bi-monthly</td> | ||
</tr><tr><td><strong>More on how to contribute</strong></td> | </tr> | ||
<tr> | |||
<td><strong>More on how to contribute</strong></td> | |||
<td><a href="https://air.mozilla.org/popcorn-maker-overview/" target="_blank">Air Mozilla Presentation</a></td> | <td><a href="https://air.mozilla.org/popcorn-maker-overview/" target="_blank">Air Mozilla Presentation</a></td> | ||
</tr></tbody></table><h2>Thimble</h2> | </tr> | ||
</tbody> | |||
<table | </table> | ||
<h2>Thimble</h2> | |||
Thimble makes it ridiculously simple to create and share your own web pages: Write and edit HTML and CSS right in your browser, instantly preview your work and then host and share finished projects with a single click. <a href="http://thimbletest.org/en-US/projects">More info here.</a> | |||
<table border="0"> | |||
<tbody> | |||
<tr> | |||
<td><strong>More Info</strong></td> | |||
<td><a href="https://wiki.mozilla.org/Thimble" target="_blank">Thimble wiki</a></td> | <td><a href="https://wiki.mozilla.org/Thimble" target="_blank">Thimble wiki</a></td> | ||
</tr><tr><td><strong>Code Repo</strong></td> | </tr> | ||
<tr> | |||
<td><strong>Code Repo</strong></td> | |||
<td><a href="https://github.com/mozilla/webpagemaker" target="_blank">Github</a></td> | <td><a href="https://github.com/mozilla/webpagemaker" target="_blank">Github</a></td> | ||
</tr><tr><td><strong>Dev site</strong></td> | </tr> | ||
<tr> | |||
<td><strong>Dev site</strong></td> | |||
<td><a href="http://webpagemaker-dev.allizom.org/" target="_blank">Thimble dev</a></td> | <td><a href="http://webpagemaker-dev.allizom.org/" target="_blank">Thimble dev</a></td> | ||
</tr><tr><td><strong>Issue Tracking </strong></td> | </tr> | ||
<tr> | |||
<td><strong>Issue Tracking </strong></td> | |||
<td><a href="https://github.com/mozilla/webpagemaker/issues" target="_blank">Lighthouse Popcorn</a></td> | <td><a href="https://github.com/mozilla/webpagemaker/issues" target="_blank">Lighthouse Popcorn</a></td> | ||
</tr><tr><td><strong>Primary Language/Framework</strong></td> | </tr> | ||
<td>Python on the server, JS on the client </td> | <tr> | ||
</tr><tr><td><strong>IRC</strong></td> | <td><strong>Primary Language/Framework</strong></td> | ||
<td>Python on the server, JS on the client</td> | |||
</tr> | |||
<tr> | |||
<td><strong>IRC</strong></td> | |||
<td>irc.mozilla.org #MoFoDev, #thimble</td> | <td>irc.mozilla.org #MoFoDev, #thimble</td> | ||
</tr><tr><td><strong>Mailing list</strong></td> | </tr> | ||
<td><a href="https://groups.google.com/forum/?fromgroups# | <tr> | ||
</tr><tr><td><strong>Dev Cycles</strong></td> | <td><strong>Mailing list</strong></td> | ||
<td><a href="https://groups.google.com/forum/?fromgroups#%21forum/mozwebpagemaker" target="_blank">Thimble Community</a></td> | |||
</tr> | |||
<tr> | |||
<td><strong>Dev Cycles</strong></td> | |||
<td>TBD</td> | <td>TBD</td> | ||
</tr></tbody></table><h2>Open Badges</h2> | </tr> | ||
</tbody> | |||
<table | </table> | ||
<h2>Open Badges</h2> | |||
Learning today happens everywhere. But it's often difficult to get recognition for skills and achievements that happen online or out of school. Mozilla Open Badges helps solve that problem, making it easy for any organization to issue, manage and display digital badges across the web. <a href="https://mozillalabs.com/en-US/open-badges/">More info here.</a> | |||
<table border="0"> | |||
<tbody> | |||
<tr> | |||
<td><strong>More Info</strong></td> | |||
<td><a href="https://wiki.mozilla.org/Badges" target="_blank">Badges wiki</a></td> | <td><a href="https://wiki.mozilla.org/Badges" target="_blank">Badges wiki</a></td> | ||
</tr><tr><td><strong>Code Repo</strong></td> | </tr> | ||
<tr> | |||
<td><strong>Code Repo</strong></td> | |||
<td><a href="https://github.com/mozilla/openbadges" target="_blank">Github</a></td> | <td><a href="https://github.com/mozilla/openbadges" target="_blank">Github</a></td> | ||
</tr><tr><td><strong>Issue Tracking </strong></td> | </tr> | ||
<tr> | |||
<td><strong>Issue Tracking </strong></td> | |||
<td><a href="https://github.com/mozilla/openbadges/issues" target="_blank">Github</a></td> | <td><a href="https://github.com/mozilla/openbadges/issues" target="_blank">Github</a></td> | ||
</tr><tr><td><strong>Primary Language/Framework</strong></td> | </tr> | ||
<td>Node.js </td> | <tr> | ||
</tr><tr><td><strong>IRC</strong></td> | <td><strong>Primary Language/Framework</strong></td> | ||
<td>Node.js</td> | |||
</tr> | |||
<tr> | |||
<td><strong>IRC</strong></td> | |||
<td>irc.mozilla.org #badges, #MoFoDev</td> | <td>irc.mozilla.org #badges, #MoFoDev</td> | ||
</tr><tr><td><strong>Mailing list</strong></td> | </tr> | ||
<tr> | |||
<td><strong>Mailing list</strong></td> | |||
<td><a href="https://groups.google.com/d/forum/openbadges" target="_blank">Badges community</a></td> | <td><a href="https://groups.google.com/d/forum/openbadges" target="_blank">Badges community</a></td> | ||
</tr><tr><td><strong>Dev Cycles</strong></td> | </tr> | ||
<tr> | |||
<td><strong>Dev Cycles</strong></td> | |||
<td>Bi-monthly</td> | <td>Bi-monthly</td> | ||
</tr></tbody></table><h2>X-Ray Goggles</h2> | </tr> | ||
</tbody> | |||
<table | </table> | ||
<h2>X-Ray Goggles</h2> | |||
The X-Ray Goggles make it easy to see and mess around with the building blocks that make up the web. Activate the Goggles to inspect the code behind any web page, from the New York Times to your own blog. Then remix elements with a single click, swapping in your own text, images and more. <a href="http://hackasaurus.org/goggles/">More info here.</a> | |||
<table border="0"> | |||
<tbody> | |||
<tr> | |||
<td><strong>More Info</strong></td> | |||
<td><a href="http://hackasaurus.org/goggles/" target="_blank">X-Ray Goggles</a></td> | <td><a href="http://hackasaurus.org/goggles/" target="_blank">X-Ray Goggles</a></td> | ||
</tr><tr><td><strong>Code Repo</strong></td> | </tr> | ||
<tr> | |||
<td><strong>Code Repo</strong></td> | |||
<td><a href="https://github.com/toolness/webxray/" target="_blank">Github</a></td> | <td><a href="https://github.com/toolness/webxray/" target="_blank">Github</a></td> | ||
</tr><tr><td><strong>Issue Tracking </strong></td> | </tr> | ||
<tr> | |||
<td><strong>Issue Tracking </strong></td> | |||
<td><a href="https://github.com/toolness/webxray/issues" target="_blank">Github</a></td> | <td><a href="https://github.com/toolness/webxray/issues" target="_blank">Github</a></td> | ||
</tr><tr><td><strong>Primary Language/Framework</strong></td> | </tr> | ||
<td>JS </td> | <tr> | ||
</tr><tr><td><strong>IRC</strong></td> | <td><strong>Primary Language/Framework</strong></td> | ||
<td>JS</td> | |||
</tr> | |||
<tr> | |||
<td><strong>IRC</strong></td> | |||
<td>irc.mozilla.org #MoFoDev</td> | <td>irc.mozilla.org #MoFoDev</td> | ||
</tr><tr><td><strong>Mailing list</strong></td> | </tr> | ||
<tr> | |||
<td><strong>Mailing list</strong></td> | |||
<td><a href="https://mail.mozilla.org/listinfo/mofodev" target="_blank">MoFoDev List</a></td> | <td><a href="https://mail.mozilla.org/listinfo/mofodev" target="_blank">MoFoDev List</a></td> | ||
</tr></tbody></table><h2>Development team</h2> | </tr> | ||
</tbody> | |||
</table> | |||
<h2>Development team</h2> | |||
Our development team is spread across the world, with primary activity happening in London, Berlin, New York, Toronto, Vancouver, and San Francisco. | |||
<h2>Tools</h2> | <h2>Tools</h2> | ||
Mozilla works in the open -- our code for all of these projects is available on Github, and we use a combination of github, bugzilla & lighthouse for our issue tracking. | |||
We're also active in IRC -- come on over to #MoFoDev or #foundation on <a href="http://irc.mozilla.org/">http://irc.mozilla.org/</a> and give a shout. | |||
<h2>Volunteer onboarding</h2> | <h2>Volunteer onboarding</h2> | ||
At the moment, we have particular need for: | |||
<ul> | <ul> | ||
<li>Javascript library developers</li> | |||
<li>Front end hackers (Popcorn Maker templates)</li> | |||
<li>Graphic Designers</li> | |||
</ul> | </ul> | ||
Example tasks: | |||
Short-term: | |||
<ul> | <ul> | ||
<li>Designing a template for Popcorn Maker</li> | |||
<li>Grabbing one of the many tickets in Popcorn.js or Popcornmaker</li> | |||
<li>Documentation</li> | |||
<li>Testing (manual and Qunit)</li> | |||
<li>Build badge display widget</li> | |||
<li>Build API to allow badge lookup</li> | |||
</ul> | </ul> | ||