Webmaker/Code/ben

From MozillaWiki
< Webmaker‎ | Code
Jump to: navigation, search

<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.

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>

<tbody> </tbody>
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>

<tbody> </tbody>
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>

<tbody> </tbody>
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>

<tbody> </tbody>
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: