Webmaker/Code/ben
<a href="https://www.mozilla.org/webmaker">Mozilla Webmaker </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.
The goal: help millions of people move from using the web to making 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.
Contents
Software
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.
Popcorn Maker
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>
More Info | <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> |
Code Repo | <a href="https://github.com/mozilla/butter" target="_blank">Github</a> |
Issue Tracking | <a href="https://webmademovies.lighthouseapp.com/dashboard" target="_blank">Lighthouse Popcorn</a> |
Primary Language/Framework | JS |
IRC | irc.mozilla.org #popcorn |
Mailing list | <a href="https://mail.mozilla.org/listinfo/community-popcorn" target="_blank">Popcorn Community</a> |
Dev Cycles | Popcorn Maker: Monthly; Popcorn.js: bi-monthly |
More on how to contribute | <a href="https://air.mozilla.org/popcorn-maker-overview/" target="_blank">Air Mozilla Presentation</a> |
Thimble
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>
More Info | <a href="https://wiki.mozilla.org/Thimble" target="_blank">Thimble wiki</a> |
Code Repo | <a href="https://github.com/mozilla/webpagemaker" target="_blank">Github</a> |
Dev site | <a href="http://webpagemaker-dev.allizom.org/" target="_blank">Thimble dev</a> |
Issue Tracking | <a href="https://github.com/mozilla/webpagemaker/issues" target="_blank">Lighthouse Popcorn</a> |
Primary Language/Framework | Python on the server, JS on the client |
IRC | irc.mozilla.org #MoFoDev, #thimble |
Mailing list | <a href="https://groups.google.com/forum/?fromgroups#!forum/mozwebpagemaker" target="_blank">Thimble Community</a> |
Dev Cycles | TBD |
Open Badges
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>
More Info | <a href="https://wiki.mozilla.org/Badges" target="_blank">Badges wiki</a> |
Code Repo | <a href="https://github.com/mozilla/openbadges" target="_blank">Github</a> |
Issue Tracking | <a href="https://github.com/mozilla/openbadges/issues" target="_blank">Github</a> |
Primary Language/Framework | Node.js |
IRC | irc.mozilla.org #badges, #MoFoDev |
Mailing list | <a href="https://groups.google.com/d/forum/openbadges" target="_blank">Badges community</a> |
Dev Cycles | Bi-monthly |
X-Ray Goggles
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>
More Info | <a href="http://hackasaurus.org/goggles/" target="_blank">X-Ray Goggles</a> |
Code Repo | <a href="https://github.com/toolness/webxray/" target="_blank">Github</a> |
Issue Tracking | <a href="https://github.com/toolness/webxray/issues" target="_blank">Github</a> |
Primary Language/Framework | JS |
IRC | irc.mozilla.org #MoFoDev |
Mailing list | <a href="https://mail.mozilla.org/listinfo/mofodev" target="_blank">MoFoDev List</a> |
Development team
Our development team is spread across the world, with primary activity happening in London, Berlin, New York, Toronto, Vancouver, and San Francisco.
Tools
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 http://irc.mozilla.org/ and give a shout.
Volunteer onboarding
At the moment, we have particular need for:
- Javascript library developers
- Front end hackers (Popcorn Maker templates)
- Graphic Designers
Example tasks:
Short-term:
- Designing a template for Popcorn Maker
- Grabbing one of the many tickets in Popcorn.js or Popcornmaker
- Documentation
- Testing (manual and Qunit)
- Build badge display widget
- Build API to allow badge lookup
Long-term: