Mozilla Webmaker is a project aimed at empowering individuals to create content on the web using tools like Thimble, X-Ray Goggles, and Popcorn Maker. It promotes openness and innovation through a collaborative approach, including initiatives like Maker Party and Open Badges to recognize skills and accomplishments. The Mozilla Foundation emphasizes the transition from consuming content to actively making it, fostering a global community of creators.

1. webmaker.org
MozTW, Mozilla Taiwan Community - 27 July 2013
— a Mozilla project dedicated to
helping you create something
amazing on the web.

2. Quick Summary
• Introduction
• Mozilla Foundation
• Mozilla Webmaker
• Thimble, X-Ray Goggles & Popcorn Maker
• A Gallery of Makes
• Teach the Web
• Maker Party
• Open Badges

3. Introduction
Clem Wilkinson
Learning Professional
UK – Taiwan
@c01clem

4. Mozilla Foundation
The Mozilla Foundation is
a non-profit organization that
promotes openness, innovation
and participation on the Internet.
4

5. Mozilla Webmaker
“Mozillians are people who make things.
Moving people from consumption to creation
is Mozilla’s goal”.
Mitchell Baker (2012) Chair, Mozilla Foundation
5

6. “…a set of easy-to-use tools that allow
users to learn code and webmaking while
creating great content”. (Surman, 2013)
3 Tools
6

7. Thimble
Write and edit HTML and CSS right in
your browser, then instantly preview your
work.
Easily remix web video, audio and
images into cool mashups that you can
embed on other websites.
Inspect and remix the code
behind any web page. Then make
and share your webpage.
X-Ray Goggles
Popcorn Maker
7

8. Thimble
A remix button for everything
8

9. Thimble
9

10. Popcorn Maker
10

11. Popcorn Maker
11

12. X-Ray Goggles
http://hackasaurus.org/en-US/goggles/
12

13. X-Ray Goggles
http://hackasaurus.org/en-US/goggles/
13

14. A Gallery of Makes
•User accounts
•Unique URLs and hosting
14

15. Teach the Web
http://hivenyc.org/teachtheweb/
Learn how to teach the web in 9-weeks
•Introduction to Webmaker: making,
learning, connecting and the open web
•Remix & contextualize: Skills, projects
and feedback
•Do & Share: play testing, create an event,
connect globally #teachtheweb
15

16. Maker Party
“This summer thousands around the world will
be gathering to make amazing projects and,
and share what they made with others”.( Surman, 2013)
16

17. Open Badges
Get recognition for skills you learn anywhere.
17

18. Open Badges
Mozilla is collaborating with
the world to develop an open
badge ecosystem that makes
it possible to recognize skills,
literacies, and interests
across the web. Learn more
at openbadges.org.
18

19. Open Badges: 2 Million Better Futures
By 2016, we envision an Open Badge
ecosystem that at least 1,000,000
workers and 1,000,000 students can
access
http://www.2mbetterfutures.org/
19

20. References
•Mozilla Webmaker: https://webmaker.org/
•Teach the Web: http://hivenyc.org/teachtheweb/
•Mozilla Hackersaurus (X-Ray Goggles): http://hackasaurus.org/en-US/goggles/
•Mozilla Open Badges: http://openbadges.org/
•2 Million Better Futures: http://www.2mbetterfutures.org/
•Mozilla Taiwan Community: http://moztw.org
•Baker M (2012) Mozilla Webmaker Blog; 8 June
http://mozillawebmaker.tumblr.com/post/24693671226/mozillians-are-people-who-make-
things-moving
•Surman M (2013) The Mozilla Blog, Mozilla Webmaker: We Want You to Break Things;
30 June https://blog.mozilla.org/blog/2013/06/30/webmakernext/
“Mozilla Webmaker: We Want You to
Break Things”
Mark Surman
(Executive Director, Mozilla Foundation)