21C Skills Badging Rubrics and Pilots

An-Me Chung

As part of Digital Skills for Digital-Age Leadership Development projects funded by the Mott and Irvine Foundations, we recently worked  with our expert advisory groups and Mozilla team to develop a 21C Skills framework and rubrics prototype.


The resulting framework includes a core set of 21C Skills and will allow people and programs to customize assessments that capture 21C Skills based on relevant content.  The framework is informed by various evaluations of 21C Skills and lessons learned in the badging space.  It outlines pathways for achieving the following exemplar badges:

  • Problem-Solving
  • Creativity
  • Communications
  • Collaboration
    • Collaboration: Audience & Cultural Awareness
    • Collaboration: Collaborative Communication
    • Collaboration: Conflict Resolution
    • Collaboration: Use of Collaboration Technology
    • Collaboration: Responsibility and Productivity

Next steps are to pilot test the 21C Skills, web literacy, and other badges in the Maryland, Michigan, and Oregon statewide afterschool networks.  These networks and their afterschool, school, business and community-based organization partners are uniquely poised to carry out their projects. What we learn will contribute to a better understanding of how to capture any time, any place learning in out-of-school programs and workforce training so that it counts college and career-readiness.

We also plan to offer  21C Skill badges prototypes from teach.mozilla.org for anyone to use – stay tuned for more information.  We hope you will test the 21C Skills with your own relevant content, and look forward to getting your feedback and thoughts.  In the meantime, let us know if you have comments or questions.

0 comment

Webmaker Projects We Love


By Marc Thompson

Ever since Webmaker for Android launched on August 17, our global community has created all sorts of fantastic projects. Webmaker users are building, sharing and remixing wonderful creations, from art portfolios and recipe books to wedding invitations.

One Webmaker user created a wedding invitation

One Webmaker user created a wedding invitation

We wanted to share some projects that might serve as an inspiration for your own.

Mozilla is all about collaboration and sharing, so we’re thrilled to see people use Webmaker to teach each other. Check out these cool tutorials and how-to guides:

Another popular project type on Webmaker? Projects for professional life, built by students, artists, designers and others:

  • Kim’s Online Shop showcases original clothing designs by user samzky (in English)
  • Webmaker user Diky Arga created a curricula vitae, spotlighting his skills and accomplishments (in English)
  • User soboku created a digital gallery of his surrealist artwork

It’s little surprise that several Webmaker projects focus on pets. Here are a few of our favorite cat- and dog-themed projects:

  • Webmaker user Ostovet shows off a few pics of his dog, Bruno (in Brazilian Portuguese)
  • Melissacd1’s Webmaker project is an ode to her cat, Panco (in Brazilian Portuguese)
  • fugitiveunknown made a project about his dog, a happy-looking husky named Cuilin (in English)

Now it’s your turn. Have a favorite recipe you’d love to share? A few must-visit places in your community you want to show off? Create it and share — we can’t wait to see what you come up with next. If you see a project (yours or someone else’s) you think is great, tweet us the link @Webmaker.

This Webmaker project serves as a walking guide to a neighborhood

This Webmaker project serves as a walking guide to a neighborhood

0 comment

The Journey to MozFest 2015

Marc Walsh

Where do you find one of Mozilla’s best leadership development offerings, a place where our learning plan comes alive, and an unrivaled storytelling opportunity?

MozFest, of course!

With just five weeks to go to this year’s festival, we thought we should give you recap of the program journey so far.

MozFest is one of our best leadership development offerings

The festival is where all of our leadership offerings make sense together, and is one of the best examples of how we develop leadership as a foundation. By taking part, the community and staff leaders involved are learning open leadership. The learning isn’t just on-site — it’s also during the curation and preparation process that we develop these skills.

Session at MozFest 2014

In preparation and during the festival our leaders learn about:

  • Open practices and working in the open.
  • Solving problems through collective action.
  • Leveraging resources of a network to equip others to advance their lives on the web.
  • Building confidence and overcoming imposter syndrome.
  • Empathy and facilitating safe spaces.
  • Cultivating partnerships and collaborations.
  • Participatory learning and contextualisation.

This year, more staff than ever are helping to make the MozFest programme happen, including:

  • 21 Community Leaders and Partners
  • 6 Fellows
  • 19 Mozilla Foundation staff
  • 7 Mozilla Corporation staff

That means we’ve doubled the number of leaders since last year. One of the ways we have achieved this is though empowering previous participants. Heather Bailey is a fantastic example of this. She came as a participant two years ago, last year she ran a session and now she is returning to wrangle a space on localisation.

The leaders who are taking part are from a diverse range of backgrounds. We have new team members stepping up which has lead to better distribution of responsibility across programs. Looking back three years ago, the festival has increasingly worked across Mozilla and more teams are now deeply embedded within the programme curation. The festival has become an important moment on the Mozilla’s shared calendar.

“Mozfest is the most Mozilla event Mozilla does.” — Potch.

Some of the Mozilla teams taking part this year are:

  • Participation team. For the first time, there will be an entire space dedicated to getting better at community participation and contributing to Mozilla projects as a whole.
  • MDN. MozFest is a key moment in their fellow’s calendar.
  • Content Services. Joining MozFest for the first time and curating a pathway on economics and the web. Bringing new audiences from ad-tech.
  • Policy team. Deep collaboration through the advocacy work. But also interesting enough that staff members not assigned to these teams are volunteering to wrangle.
  • Engagement. Regular collaboration in MozFest messaging and storytelling. Rallying around MozFest as a key moment in calendar and highlighting the user control campaigns.
  • David Bryant, MoCo’s CTO. Bringing tech and engineers interested in IoT.

This year is shaping up to have some of the most locally-driven partnerships with UK leaders, and we are trying to leverage the investment in partner relationships. We are working with an incredible range of companies who are bringing their thoughts and knowledge to different sessions over the weekend.

  • Coder Dojo
  • BBC R&D
  • London Zoo
  • WWF
  • UK Met Office
  • IF Labs
  • Digital Catapult
  • V&A

…and many, many more!

Mozfest is where the Mozilla Learning plan comes alive.

Inviting people to “give feedback” on a dull document or slide deck. (yawn). That’s not what we do here at MozFest!

This is what we do!

  • Spaces. Leadership, advocacy and impact are core themes for MozFest programming. Each space articulates how it will have participants directly experience these themes. We’re trying to make the curation process as open as possible this year, so you can see our thinking and how the festival is shaping up on the Festival github. https://github.com/mozilla/mozfest-program/milestones
  • Keynotes. Less VPs, more emerging and successful leaders from our community. We want people to share their personal experiences.
  • Deep listening. We want to use MozFest as an opportunity to test and listen to the people who use our products and learn how we make them as suitable as possible for them.
  • Learning and living the plan together. Mozfest is an opportunity for staff and community leaders to learn and teach the plan together.

Mozfest is an unrivaled storytelling opportunity for MoFo.

Our aims for MozFest 2015 are:

  1. Show how individuals and organizations, not just corporations, have the ability to shape the Web and its values.
  2. Show that solutions to the biggest threats facing the Web are increasingly political, and require a grassroots movement.
  3. Demonstrate how universal web literacy empowers individuals to shape the Web, and cements the Internet as a global public resource.
  4. Highlight recent grassroots victories and web literacy progress and start to identify future opportunities on the horizon.
  5. Inspire leadership roles in grassroots campaigns and the web literacy movement
  6. Ensure that MozFest is open to everyone, no matter of your experience level.
  7. Cultivate leadership in not just those facilitating but also everyone who is taking part in the festival.
  8. Ensure that those who volunteer and help with the festival, also receive the same guidance on becoming leaders in their communities.

The journey so far…


Working in the open:

Fife was a big success. We’re deeply seeing the benefits, especially for the cohesion and collaboration within the 52+ member strong program group.

Some of the Fife team discuss their ideas for the personas who they think will attend MozFest 2015.

Check out Michelle’s blog post here about what we got up to.

Github Issues.

This year we’re using Github to manage, review and curate sessions for Mozfest. This allows us to better collaborate and coordinate across the program, as well as provide a record for how the program came together. It is new for us to use Github Issues in this way, but based on some other events who’ve used it effectively, we think it’s a great solution for Mozfest. https://github.com/mozilla/mozfest-program/issues

Broadening our leadership circle.

We’re doing this through leveraging Mozilla London office and turning it into a hub for open projects from all around London as well as by inviting new companies who can bring their insight and knowledge to MozFest.

0 comment

A Movement to Help Youth Succeed in the 21st Century #WeAreLRNG

Lainie Decoursy

Today, Mozilla was pleased to partner with the John D. and Catherine T. MacArthur  Foundation, John Legend and other leading companies for the launch of LRNG, a collective shift in our approach to learning.


A sharp divide exists between young people who have access to 21st century opportunities and those who do not. There’s a growing and urgent need to make learning more accessible, engaging and relevant. To create 21st century pathways to success, we have to connect with underserved youth in new and innovative ways.

Of course this isn’t a challenge any one organization can tackle on their own. To close the opportunity gap, it will take schools, cities, employers, civic and cultural community resources and all of us– to provide young people with experiences that connect their interests with real-world opportunities.

For Mozilla, participating in LRNG is an opportunity to connect with, share and learn from  innovative educators who are inspired by and practice open learning to have greater impact and truly improve the systems and frameworks within which learners can leverage the Web and technology in their daily lives.

We are happy to feature several learning experiences on LRNG that combine activities and badges to engage learners with new skills and concepts that will help them become better citizens of the Web. Three of these experiences focus on online privacy, and help learners understand – through hands-on applications and thoughtful reflection–why privacy matters and what steps they can take to protect their own privacy in their digital lives.

  • IP Tracer - Learners explore internet protocol (IP) addresses and create a map to illustrate their associations with individuals, devices, or websites.
  • Privacy CoachLearners “teach it forward” and become privacy mentors to their peers by sharing their expertise through discussion or creating their own “recipe” documentation on  privacy.
  • Data Trail TimelineLearners create a timeline, video or slideshow remix to demonstrate how information gets collected by companies and other organizations throughout the course of a typical day.

Note these 3 activities were remixed from Hive Toronto, and the original project  was funded by the Office of the  Privacy Commissioner of Canada (OPC).

LRNG is powered by Collective Shift, a new nonprofit organization dedicated to redesigning social systems for the connected age. Their focus is on creating pathways to training, internships and jobs for disconnected young people. And they’re bringing together partners, including Mozilla, to acknowledge that learning happens anywhere and everywhere, and to pave new ways to higher education and employment opportunities

Every young person deserves access to learning that engages, inspires and equips them to reach their full potential, and we all must take responsibility for opening these new paths to success.

To learn more abot the LRNG movement, visit www.LRNG.org.

0 comment

How I Got Onboard With RideW/Me

Marina Malone

Hi! I’m Marina Malone, and I’m a high school student from Chicago Public Schools. This post is about my experience with RideW/Me, which is an app that makes it easy for high school students to find educational opportunities in Chicago and get there safely. It’s produced by members of Mozilla’s Hive Chicago Learning Network, Mozilla staff, volunteer developers, and other interested community members just like me!


That’s me on the left with Esteban Martinez and Amaris Alanis-Ribiero.

It all started when my College First program manager at the Chicago Botanic Garden, Amaris, sent an email looking for students to help out with some app about transportation for teens. She was vague about exactly how we could help with something like app development and only said that we would be “working with tech experts,” which sounded intimidating. When I walked into TechNexus and into what turned out to be a civic hacking competition, I was right (but only at first). I was confronted by a bunch of old people – college students and guys with beards – writing on whiteboards and typing on keyboards. I had never been in such a board-centric room before and it made me wonder even more how I, a board-less high school student, could fit in an environment like this.


Fortunately, my friend Esteban also volunteered to help with the app and even though I still had no idea what the app specifically did, Esteban had arrived before me and caught me up. He told me that our job was to make the diagrams on one of the whiteboards pleasing to the eye using Google Slides; they were calling them storyboards, a rough draft of what the app would look like. The sloppiness of the storyboards on the whiteboard actually made them seem a lot friendlier. They were filled with phrases like “CoOL Urban Scene,” “Im In If Ur In” and other obvious attempts to appeal to teens. It made the team we were working with more relatable, rather than distant computer geniuses. But words like “My Events,” “Find Events,” and “Join Event” caught my eye. I thought this app was about transportation, so what was going on with these events?

DSC_1309That’s where Robert Friedman, a Mozilla educator stepped in with another whiteboard. He explained that the app, called RideW/Me, would make it easier for teens to find educational events and get there safely with people they know. His explanation cleared up what the app was about, and I realized that it actually applied to me, my friends, and my school.

Chicago is a huge city, with a lot of educational opportunities that are often completely missed out on because nobody knows about them or it’s difficult to get to them. Understanding the goals of the work and how it was relevant to my personal experience gave me a reason to contribute as much as I could to this project… even if all I could do was make the diagrams on the whiteboard pleasing to the eye on Google Slides.

ridewme slideshow1 slideshow2 slideshow3

Turns out, making diagrams on whiteboards pleasing to the eye isn’t as simple as I thought it would be. Esteban and I were delving into the realm of graphic design for RideW/Me but it felt like we sort of hit a wall when we finished the basic storyboard in Google Slides. We could only do so much with simple rectangles and Google’s choices for the color green. That’s when Robert introduced us to Ricardo Vasquez, a User Experience and Interaction Designer at Mozilla to help us understand how designers think and work. Ricardo is a graphic designer and he happened to host a YouTube livestreaming series called “Hour of Design” where he walks viewers through his process of designing something for the web.

Ricardo wanted to dedicate an episode or two of his show to RideW/Me. To help him in his work, he asked Esteban and me to create a mood board. A mood board is an arrangement of pictures that’s used to demonstrate a certain style, and, in this case, we made them to represent the look and feel of the app. We made two: one a bit formal and mute, but the other gritty and loud. Now I was finally getting a hold of a board of my own!

mooooooodboard bandaidsandskate_board (1)

On the livestreams, Amaris, Robert, Esteban, a bunch of my friends, and I watched Ricardo do his magic on YouTube and communicated with each other, remotely, through Slack, which is a collaboration tool that basically combines Twitter and Facebook. He created a style guide that provided choices for color palettes and font sets, and he taught us how certain colors and fonts were perceived by people. Instead of making one absolute choice of fonts and colors he made two or more for people to vote on. There was an incredibly heated battle on Slack about going blue and red or blue and yellow for the app. Personally, I was Team Ketchup, Team Mustard is lame! We actually polled a bunch of people about the color palette, and we found out that kids tend to like blue and red, while adults like blue and yellow. At the end of the day, we learned how important color choice and fonts are when it comes to connecting to our intended audience for the app.

At the end of August, I attended a Chicago Hack Night at Merchandise Mart, which was another environment filled with more whiteboards and keyboards. There were all sorts of people there like web designers, GIS experts, college students, community leaders, and even lawyers, and the main thing they had in common was that they were ready to collaborate with each other. I learned about Code Academy there, and through Code Academy, right now, I’m learning to use the command line.


You really can’t work alone with a project like RideW/Me. A project made for a community is most successful when it’s made by the community. Input from a variety of people is key, and the Internet has made it so much easier for us to get connected, from little things like asking my friends which color looks great on green through Facebook, to awesome stuff like getting an actual graphic designer from Canada collaboratively making a style guide with us through YouTube and Slack. The web is a hub for collaboration, and it can be used to find people who genuinely want other people to succeed. The web really ‘does make things that feel so distant and unachievable, like high school students helping tech experts, feasible after all.

A few months ago, I was a student who was overwhelmed by how board-centric the RideW/Me project was, and now, I feel like I’ve got a lot under my belt when it comes to boards. I’ve worked with storyboards, created mood boards, and now I’m typing on the keyboard to learn how to code. All of this is because I’ve met great people in person, and through the Internet. I never thought I’d be able contribute much to the RideW/Me app, but I underestimated how much our community cares about youth.


Whether it be tomorrow or in five years, you can find me writing on whiteboards building on RideW/Me or another community project. As a part of this great community, I want to be the best I can be to help others be the best that they can be. I’m currently involved in conservation biology at the Chicago Botanic Garden, and from my experience I have been inspired to improve the natural environment of my peers. I plan to apply what I learned from the Garden and with the RideW/Me project to improving the biodiversity of prairies in the United States.

0 comment

Volunteer Spotlight: Webmaker and Web Literacy in Bangladesh


When Mozilla built Webmaker for Android, we had countries like Bangladesh in mind — mobile-first regions where individuals are eager to create original content, but might lack the right tools. And so the Mozilla Bangladesh community was indispensable in designing Webmaker. Volunteers provided insight, feedback, ideas and more all throughout the development process.

Bangladesh continues to play an equally important role beyond development. Creating Webmaker was only half the equation; sharing it with users across Bangladesh was the second half. And Mozillians in Dhaka, Sylhet and other cities have done an amazing job sharing Webmaker with their communities.

Webmaker volunteers in Bangladesh

Webmaker volunteers in Bangladesh

Take, for example, Mozillian Mijanur Rahman Rayhan. Mijanur wears many hats at Mozilla — he’s a Firefox Student Ambassador (FSA), Local Mozilla community leader of Sylhet, Webmaker mentor and Club founder. And over the past few months, Mijanur has helped Webmaker thrive in Bangladesh. On a recent Friday in September, Mijanur and other Mozillians attended a major event in Sylhet for Bangladesh Internet Week. The group set up a Webmaker kiosk, eager to introduce the app to the world.

“We demonstrated the log in process, features to make projects and the techniques of how to share projects on social websites,” Mijanur explains in a blog post.

It was a busy day. “From the very beginning, our kiosk was almost full every minute,” Mijanur says. “We had five volunteers for demonstration, and I don’t remember if I saw them sitting or being idle for a single minute.” Mijanur and the others ended up introducing Webmaker and its mission to about 300 people — 100 of which downloaded the app on the spot.

Mijanur isn’t alone. Atique Ahmed Ziad is a longtime Mozillian based in Dhaka who has also made tremendous contributions to the Webmaker launch. Earlier this month, Atique hosted a Webmaker event at Notre Dame College in Dhaka. Here, dozens of people came together to learn about Webmaker. Users built a range of projects in both English and Bengali: fan pages for favorite athletes and cricket teams, recycling tips, photography portfolios, study guides, science explainers and more. (To view additional Webmaker projects created at Atique’s event, click here.)

“It was a great experience for me to teach people to create the Web by us and for us,” Atique says. “I must say I enjoyed the event and people’s interest in Webmaker.”

Webmaker users in Bangladesh

Webmaker users in Bangladesh

Mijanur and Atique are two of the many talented Mozillians in Bangladesh who are sharing Webmaker and teaching web literacy. Alone, these volunteers make a positive impact in their communities. Together, they’re making a difference country-wide. Last month, from Sept. 5-11, was Bangladesh Internet Week, a nation-wide initiative that sought to bring 10 million citizens onto the Web. During these seven days, Mozillians across Bangladesh brought Webmaker to the forefront of the conversation. Important topics like web literacy, open source and hands-on learning became centerpieces.

Webmaker volunteers in Sylhet

Webmaker volunteers in Sylhet

There are more Webmaker events planned in Bangladesh, and we’re looking forward to them. Mozilla thanks all our community members in Bangladesh for their outstanding work!

1 comment

What I’ve learned since leaving the classroom

Chad Sansing

What are the resources and values I wish I could ship backwards in time to myself?

An infographic explaining tiem-travel.

Image credit Tom B

When I left the classroom (in the parlance of our times) after 14 years of teaching middle school humanities and technology classes, I left content. I knew I had changed for the better as a teacher and person over the arc of my career. Despite all the instincts, habits, and mistakes of privilege I never shook, I got better. More kids successfully engaged with more of the work we shared at the end of my tenure than at the beginning. I left at the top of the game I’d been playing against myself since the start of my career.

Nevertheless, there are days I wish I could go back in time and teach myself some of what I’ve learned in my first few weeks as a curriculum developer at the Mozilla Foundation.


Iterating is habit forming and we should provide teachers and students with the project-management methods they need to experience learning as an on-going, connected experience, rather than as a choppy, episodic one.

Project Management

We should help learners position their work safely in places where constructive feedback and social media tropes such as “like,” “love,” and stickers combine intentionally and structurally to encourage iteration.


Norms and expectations set up around, “Tell me what you learned,” are so much more relevant, motivational, and powerful than norms and expectations set up around, “I’m going to tell you what to do.”


Learners, instead of teachers, should report their learning; teachers should facilitate self-assessment and extend kids the trust to make mistakes on the way to evaluating their learning honestly.

Working in the Open

It’s no good to have a stance on teaching and learning if no one can see it in your work. We learn best in community. Copy and search are vital life and workplace skills that lead to improvisation, invention, and contact with innovative communities of practice. We shouldn’t insist otherwise at the behest of app, device, test, or textbook vendors.

In my new role, I want to work with these values at the front of my mind. I want to serve our community of leaders and educators by putting these values into practice throughout our shared work, and I want to craft curriculum that helps learners experience and enact the same values. As these new understandings have been of use to me, I want to be of use to others championing Universal Web Literacy and the Open Web.

0 comment

#Thimblechat Recap

Kristina Gorr

If you missed out on last night’s Remix the School Year with Thimble Twitter chat, don’t worry! You can still join in the conversation on our forum and/or read the entire discussion here.

We had 26 individuals from 7 countries (U.S., Canada, Central African Republic, India, Venezuela, Indonesia, Nepal) on 4 continents join us in real time for the conversation.

We shared stories about the different contexts in which we #teachtheweb, what people look for in a great project to remix, how to help struggling learners grasp basic web literacy concepts, the types of supports people  need to help them learn about some of Thimble’s new features, and more.

Here are just a few quick highlights:

Thanks so much to everyone who participated! We look forward to continuing this conversation in our forum, and will be scheduling more Twitter chats soon–please feel free to comment here with suggested topics.

0 comment

Global Web Literacy Studies: Chicago Report

Laura de Reynal

Teenagers in Chicago

As part of our ongoing research efforts to understand our users, we spent three weeks in Chicago in April 2015 to conduct ethnographic research in collaboration with the Hive Chicago team. Learning from this study can be found in this Research Report from Chicago : mzl.la/chicago.

During our previous six months of research, we focused mainly on emerging countries and conducted studies in India, Bangladesh, Kenya and Brazil. With this project in Chicago, we intended to analyze the similarities and differences between our audience in emerging markets and our audience in North America.

As a result, we curated in-depth conversations with 69 participants from various communities, and talked with 41 teenagers, 12 informal educators and program managers, 13 parents and three bloggers.

In this report you will find:

– A description of how people understand and engage with the Web in Chicago through the Web Journey framework. We cover behaviors, skills, blockers, mechanisms of entry and motivations.

– A comparison between our observations in emerging markets and our observations in Chicago.

– Key findings, such as:
Being Internet famous is better than just being famous
Remixes are for glory
Learning code is not appealing
There exists a gap in current learning product offerings
Libraries are a safe zone for parents

– A deep dive on teenagers with a Webmaker user segmentation and three selected portraits
– A deep dive on informal educators with a similar structure
– A benchmark on learning products
– A set of recommendations for our strategy, our learning products and our learning programs
– A list of 110 things that people want to learn details about our research methods

We would love to hear your feedback and questions. Feel free to reach out to laurad@mozillafoundation.org.

0 comment

Join us for a #Thimblechat: Remix the School Year w/ Thimble

Kristina Gorr

To celebrate the recent re-launch of Thimble, we’re hosting a tweetchat and you’re invited!

Here are the details:

  • When: Wednesday, September 23, 8pm ET / 6pm UTC

  • Where: Twitter, follow #thimblechat, @Mozteach

  • What: Remix the School Year w/ Thimble Tweetchat

We’re looking forward to a discussion about bringing web literacy into the classroom–what it might look like today, and how we might support teachers and learners moving forward as they explore new skills like HTML, CSS and JavaScript. Here’s a sneak peek of some of the specific questions we’ll ask. Take some time to think about your responses so you’re ready chat!

  • What kinds of offline or analog activities do you use to #teachtheweb?
  • How do you help struggling learners grasp basic web literacy concepts?
  • Thimble lets you create projects with multiple pages, like a website. How could you imagine using that feature in your teaching and learning?
  • What other tools do you use to teach learners how to read, write, and participate on the Web?

Want to join in the conversation but haven’t yet tried Thimble?

Here are some activities to play with (and remix) ahead of time.

  • My Six-Word Summer – http://mzl.la/1ijW9Lh
  • Remix My Schedule – http://mzl.la/1FS0zyu
  • Homework Excuse Generator – http://mzl.la/1KmbN04

Mozilla Thimble

0 comment