WebmakerQuébec, Venezuela, Philippines: A Last Week Maker Party Roundup

Maker Party By The Numbers:
Total events during Maker Party: 2,500+
Individuals attending Maker Party events:  125,000+
Number of cities hosting Maker Party events: 450+

Thank you for joining us on this mission to help teach the web!  We are currently rounding-up our final numbers, and we can’t wait to share what a success the past few months has been with all of you. Until then, we leave you with this final Maker Party weekly recap.


Remember to share badges (or collect one yourself!) with those who helped teach during Maker Party!

Here’s what happened last week:

Maker Festival Manila – September 13-14th, Philippines
This two-day event was the first time the maker community in the Philippines has gathering together to showcase the work they are doing and help teach others. Together, web inventors, thinkers, enthusiast and users of all ages gathers at a local mall to showcase everything from 3D printing, to robotics, to privacy applications. Read more about the event on the site.

Maker Party Wellington – September 13th, New Zealand
Over 140 makers, tinkerers, and coders young and old descended upon the Miramar Community Centre for three hours of innovation and learning. Participants were able to see live demos of 3D sculpting and modeling with The Wellington Makerspace, create amazing LED lanterns with Fabriko and much more. Learn more in the event report-out.

#NetNeutrality Venezuala – September 13th, Venezuela
This Maker Party hosted by Laboreando was aimed at helping current and future generations gain the skills and confidence they need to learn about remixing content on the web. The event was aimed at web enthusiasts aged 16-25, and focused on how they can make the web a part of our culture. Read more about the event on the site.

Discover/Make/Teach: Mozilla Webmaker Party at Concordia University – September 15th, Québec
This workshop was attended by elementary and high school teachers, undergraduate and graduate students, faculty, researchers, media-makers, community groups, and those interested in making media. At the workshop, participants learned more about the pedagogical aspects of the Webmaker tools and the and possibilities of technology, and took part in fun, interactive and media-based workshops. Find out more information here.

Girls-only Appmaker Coderdojo – September 13th, The Netherlands
The Amsterdam Coder Dojo hosted a girls-only event, which was also facilitated by only females, to teach the basics of developing apps using Appmaker. In just a few hours attendees were taught how to develop their first app and share it with friends. Find out more on the event page.



In the News

Get Involved 

hacks.mozilla.orgWebIDE, Storage inspector, jQuery events, iframe switcher + more – Firefox Developer Tools Episode 34

A new set of Firefox Developer Tools features has just been uplifted to the Aurora channel. These features are available right now in Aurora, and will be in the Firefox 34 release in November. This release brings new tools (storage inspector, WebIDE), an updated profiler, and handy enhancements to the existing tools:


WebIDE, a new tool for in-browser app development, has been enabled by default in this release. WebIDE lets you create a new Firefox OS app (which is just a web app) from a template, or open up the code for an already created app. From there you can edit the app’s files. It’s one click to run the app in a simulator and one more to debug it with the developer tools. Open WebIDE from Firefox’s “Web Developer” menu. (docs)

Storage inspector

There’s a new panel that shows the data your page has stored in cookies, localStorage, sessionStorage, and IndexedDB. Enable the Storage panel by checking off Settings > “Default Developer Tools” > “Storage”. The panel is read-only right now, with editing ability planned for a future release. (docs) (development notes) (UserVoice request)

storage inspector

jQuery events

The event listener popup in the Inspector now supports jQuery. This means the popup will display the function you attached with e.g. jQuery.on(), and not the jQuery wrapper function itself. See this post for more info and how to add support for your preferred framework. (development notes)

JQuery events

Iframe switcher

Change the frame you’re debugging using the new frame selection menu. Selecting a frame will switch all of the tools to debug that iframe, including the Inspector, Console, and Debugger. Add the frame selection button by checking off Settings > “Available Toolbox Buttons” > “Select an iframe”. (docs) (development notes)(UserVoice request)

iframe selection

Updated profiler

An updated JavaScript profiler appears in the new “Performance” tab (formerly the “Profiler” tab). New to the profiler are a frame rate timeline and categories for frames like “network” and “graphics”. (docs) (development notes)

new profiler


Add a call to console.table() anywhere in your JavaScript to log data to the console using a table-like display. Log any object, array, Map, or Set. Sort a column in the table by clicking on its header. (docs) (development notes)


Selector preview

Hover over a CSS selector in the Inspector or Style Editor to highlight all the nodes that match that selector on the page. (development notes)

selector previews

Other mentions

  • Persistent split console – The split console (opened by pressing ESC) will now open with the tools if you had it open the last time the tools were closed. (development notes)
  • Web audio – AudioParam connections – the Web Audio Editor now displays connections from AudioNodes to AudioParams. (development notes)

Special thanks to the 41 contributors that added all the features and fixes in this release.

Comment here, shoot feedback to @FirefoxDevTools on Twitter, or propose changes on the Developer Tools feedback channel. If you’d like to help out, check out the guide to getting involved.

WebmakerMozFest 2014: Hive Learning Networks track

This is the first post in a series featuring interviews with the 2014 Mozilla Festival “Space Wranglers,” the curators of the many exciting programmatic tracks slated for this year’s Mozilla Festival. 

For our first interview, we chatted with Lindsey Frost Cleary, one of the Space Wranglers for the Hive Learning Networks track. This track is for people working on building local city learning networks (Hives) to determine how they can better globally connect to share learning experiences for youth interested in digital media.

What excites you most about your track? 
Lindsey: I’m really most excited about our global Hive meetups happening on Friday afternoon and Sunday at the Festival.  We’re inviting those involved with Hive communities all over the globe to join with Mozilla staff and the Hive-curious to work together over the course of the weekend to find solutions to common challenges to enacting and scaling connected learning.  It’s awesome to me that we’re bringing together our global Hive community to create and problem-solve together, not just mix and mingle (though there will be plenty of that too!).

Who are you working with to make this track happen?
Lindsey: We’re working closely with Hive communities in all stages of development, from longstanding networks like those in New York and Pittsburgh to our newest communities in Kansas City, the Bay Area, and (my home!) Chattanooga. Members from these communities are great thinkers and problem solvers. I encourage you to stop by, say hello and get your hands dirty at Saturday’s Maker Party Pop-Up.

How can someone who isn’t able to attend MozFest learn more or get involved in this topic?
Lindsey: The new Hive Learning Networks website is a great place to connect with your local Hive community (or learn how you might start your own!). We’re also planning to use Discourse both at and after MozFest to share the awesome conversations happening at the Festival with our broader networks and communities.  We hope everyone will join in this conversation!

Thanks, Lindsey! Stay tuned for more interviews with the incredible MozFest Space Wranglers.


The Mozilla BlogExpanding Reach in Asia: Telenor Group Brings Firefox OS Smartphones to Bangladesh

Just weeks after launching the first Firefox OS devices in India, we are pleased to announce Firefox OS is available to more consumers across Asia with today’s launch in Bangladesh. At a press conference in Dhaka, Grameenphone, the local operator … Continue reading

Mozilla ITIntroducing the Mozilla Operations Center


Some of you may already know of the Mozilla Operations Center (MOC). The purpose of the MOC is to provide support and response for Mozilla’s critical production services and underlying infrastructure. We are a 24×7 IT function operating primarily from the SF and London MozSpaces, staffed by Mozilla employees on rotating shifts. In the past, this responsibility fell on several legacy IT teams and processes which have been inherited by the MOC. These legacy methods of support were spread across various IRC channels, email lists, and Bugzilla components and are now ready to be consolidated.

On Wednesday, September 17th, 2014 these changes will take effect and provide a single identifiable approach to requesting support for production services and reaching the MOC across IRC, email, and Bugzilla.

The MOC can be found via mozilla’s IRC network in channel: #moc

We understand this may not reach everyone, so we’re prepared to receive and educate unique requests that will undoubtedly come across via existing legacy channels.


What is the MOC?

The Mozilla Operation Center is a 24×7 IT function with a purpose to support Mozilla’s critical services.  It provides this through standard approaches – incident management and proactive monitoring.  Effective mid-Sept 2014, the MOC will have a single identity and only known as “MOC” across IRC, email, and Bugzilla.


The MOC operates in 2 MozSpaces:  one in San Francisco and the other in London.  Through rotational shifts between these 2 hubs, the MOC achieves around the clock coverage every day of the year.  Future state may include an additional hub for a more traditional follow-the-sun model and/or hybrid considerations for better efficiencies.


MOC will be a pro-active team that prevents incidents through proficient automation, thorough inspection, and using data-driven methods to alert business/product owners of possible problem areas to mitigate.  Additionally, the MOC will ensure proper service levels are achieved, accurately measured, and corrective actions applied.

Vision targets:
    • Sustain IT infrastructure operations of Mozilla’s most critical services meeting defined SLA.
    • Be transparent and visible to the Project and Mozilla’s key partners for support and communication of service updates.
    • Establish and drive repeatable processes (Incident, problem, crisis, reporting) throughout the Project.
    • Predictable reaction to service outages, un/planned changes, response, and intended outcomes.

More details to our services and offerings will be provided as they come to fruition.

about:communityExploring Contributor Motivation

Why does understanding motivation for open source matter? This allows community builders to design more fulfilling experiences for contributors. It allows a contributor to be recognized in way he or she prefers. It allows community builders to advocate for projects that would be exciting to contributors.

The challenge of studying motivation (and thus recognition) is that our internal biases are strong. I can easily assume that the things I am motivated by are what others are motivated by and the ways I want to be recognized are the ways others want to be recognized. These ideas are deeply engrained – it is our internal motivation mechanism after all.

To find some objectivity in this area, I took from academic writing and did my own user research. The results are were synthesized from Organizing for Open Innovation by Wallin (2010) and countless contributor interviews and interactions I’ve had during my exposure to Mozilla. Some of these interviews were done during Summit 2013 and my Europe trip in early 2014.

Six main areas arose (in no particular order):

  • Intrinsic – This is an internal motivator focused on personal growth and self-actualization. Here people contribute because it is fun for its own sake and because they grow personally from it.
  • Extrinsic – This is an external motivator focused on material recognition such as a badge that a person can point to as a representation  and/or certification of their contribution.
  • Community – This motivator is based on our human need to feel part of a larger group that shares our view of the world – having a sense of belonging. (See Why Do People Join and Stay Part Of a Community for a deeper exploration here.)
  • Preemptive Generosity – This motivator is about giving something before it is asked for. It could be anything and it’s tied to our feelings of reciprocity. In a broad perspective, open source itself often follows this rule by releasing code before others know to ask for it.
  • Social Value – Motivation here is about feeling as if your contributions create a better world. There needs to be a clear and strong sense of impact. As Jimmy Wales once put it, “Usually, when people have an eight-hour binge of editing Wikipedia they think, well, I made the world a little bit better place than it was when I started.”
  • Helpfulness – This motivator is based purely on the desire to help others and give back. This is less about changing the world per se and more about having an impact in a person’s life. Similar but different.

When we can be explicit around these motivators, we can design contributor experiences that support them. That creates a more fulfilling experience for contributors and allows a project to grow while remaining meaningful.

Below is a PDF I put together to explore these motivators as they relate to Mozilla (it’s certainly incomplete). However, these should be relevant in all community driven projects and be non-unique to Mozilla.

contributor motivation

[Post also appeared on Sean Bolton's blog.]

Open Policy & AdvocacyFCC Reply Comments on Net Neutrality

Today is the final deadline to file comments as part of the Federal Communications Commission’s open proceeding on net neutrality in the United States. The show of support for real net neutrality over the past six months has been tremendous – so much so that this issue has now received more public comments than any other in FCC history, nearly 1.5 million in total.

Mozilla has been pulling out all the stops as well. In May, we submitted an original petition to the FCC to propose a new path forward on the difficult question of authority, and to shake up a debate that had not seen many new ideas. We’ve also launched global teach-ins, filed comments, and joined last week’s Day of Action, among other activities.

Our reply comments filed today build on these past actions, summarize the state of the debate, and respond to net neutrality opponents. Our comments are structured around four points:

  1. Most parties agree on most issues. The FCC should adopt enforceable rules, including some form of a no blocking and no unreasonable discrimination rule, with an exception for reasonable network management.
  2. Mozilla’s classification theory is a viable and strong path forward. Mozilla’s approach ensures real net neutrality while bypassing the political conversation over reclassification, by articulating a new, not yet classified Title II service offered to remote end points.
  3. The FCC must adopt a presumption against paid prioritization. Allowing prioritization would degrade other uses of the Internet, and thus cause harm to user choice, innovation, and competition.
  4. The same rules should apply to mobile and fixed services. There is one Internet and it must remain open for all. Technical requirements for mobile networks can be protected through reasonable network management.

This week, the FCC will conduct roundtables on net neutrality, with varying focuses including technical, legal, and enforcement aspects. I’ll be participating in one of the Friday sessions, focusing on the topic of enforcement. The roundtables will be held in DC, and will include a moderated discussion among a diversity of viewpoints. At this stage of the process, I don’t expect much in the way of agreement – but at least a range of options will be presented and defended for the agency’s consideration. The public has been invited to submit questions in advance over email or Twitter – roundtables@fcc.gov or #FCCRoundtables – though a caveat from the session description: Your questions and identifying information will be made public and included in the official record.

We’ve seen comments, petitions, roundtables, protests, and events for months now. The main thing left is for the agency to make some decisions – and as we note in our comments, the outcome will set the course for the future of the industry, for better or for worse.

There’s still time for you to make your voice heard. You can contact the FCC and members of Congress, and ask them to protect net neutrality, and the choice, innovation, and freedom enjoyed today by all Internet users and developers.

Air MozillaMozilla Weekly Project Meeting

Mozilla Weekly Project Meeting The Monday Project Meeting

about:pixelsCreating the New Mozilla Logo – We Need YOUR Help

Every interaction people have with Mozilla is an opportunity to help them understand who we are and why our mission matters. To make the most of these moments, we’re creating a new Mozilla logo that will represent our values and help communicate the story of our brand. (If you’re new to this project I recommend reading the overview and a couple of earlier blog posts to get caught up on the strategy.)

Of course, an essential element of this brand story is the open source philosophy that Mozilla is built on. We know that projects are improved by participation and transparency, so it’s of the utmost importance that any effort to visually represent what we stand for include the community every step of the way. This logo will belong to all Mozillians, and its creation process must reflect that.

We’ve been posting updates during the early concepting phase, and will share more specific ideas for your feedback as things take shape. But before then, I do have one very important ask for everyone reading this: please give us your input on what you’d like to get out of this process.

I’ve put together a quick survey that will help us understand how the new logo will be used, and what the Mozilla community’s visual identity needs are. It will only take a few minutes to complete, and the information will be invaluable to making sure we’re providing the right solutions to the right problems.

Here’s that survey link again: please take it!

We’ve put together a short video to provide additional perspective on why community participation is so crucial to the success of this logo project:

You don’t have to a designer or a branding expert to participate in this. All input is helpful, and all ideas are appreciated. This logo will belong to all of us…let’s make it awesome together!

WebmakerTrain the Trainer: Paraguay

One of the most exciting things about Maker Party is guiding people learn, and then have them immediately use that learning to guide someone else. Last week, 13 Webmaker mentors did exactly that: after 2 days of fun but intense training they went to a local school and ran 3 back-to-back Maker Parties with over 120 high school students, aged 14-17.

Webmaker Mentor training, Mozilla Paraguay

Ciudad del Este sits on the “triple border” of Paraguay, Argentina and Brazil. Although the official language of the country is Spanish, many  here are fluent in Portuguese and the indigenous language of Guaraní — and actually, the Mozilla Guaraní community will launch “Aguaratata” — Firefox in Guaraní — next year. Being able to offer our tools and training in different languages is no easy feat on our journey to supporting more web makers, but it is a step our team is taking.

Catching a network signal — no-fi style!

This training was held in Spanish. We started at 8am on Saturday morning with sweetened coffee in one hand and post-its in the other, and shared the qualities of mentors we’ve had. The next two days were filled with spectrograms, no-fi activities for when the power cuts out, and loads of paper prototypes. The mentors critiqued activities and added their own flair — like using Guaraní commands when “programming your robot” to reinforce local culture — and designed traffic apps that took the weather into consideration so you can avoid flooded streets in this Amazonian town. We finished up the trainings with bowling in the evenings, competing for one of the coveted Maker Party t-shirts.

Monday morning we went to Centro Educativo Municipal where the mentors moved the tables in the library/IT room into groups and eagerly awaited the first group of 90 high school students. To have more space for the starting introductory circle, half of the group went outside; but to keep the spectrogram especially chaotic and fun, we brought everyone inside! Shortly thereafter, X-Ray Goggles were installed and the hacking began: Paraguay’s Ultima Hora news website quickly changed from serious reporting to a hub of dog gifs and news about the school.


After each session the mentors gathered to debrief and revise their plans. They quickly learned that if they were thirsty or had a sore throat after the end of a session, it was because they were talking too much. Student-centered learning became the goal of the day, and they boasted about how little they needed to drink water, despite the incredible heat! At each closing circle, students expressed what they’d learned — some learned for the first time that the Internet is not just for Facebook, while others expressed an interest learning more about what lies beneath the pages. No doubt the Paraguay mentors have many more events up their sleeves, and we look forward to hearing about them!


Air MozillaLa Quadrature du Net - Projet de Loi sur le Terrorisme

La Quadrature du Net - Projet de Loi sur le Terrorisme La Quadrature du Net - Projet de loi sur le terrorisme

hacks.mozilla.orgSingle Div Drawings with CSS

Why A Single Div?

In May of 2013 I attended CSSConf and saw Lea Verou speak about the humble border-radius. It was an eye-opening talk and I realized there was much about CSS behavior I did not fully understand. This reminded me of my time as a fine arts student where I was constantly pushed to become a master of my chosen medium. As a web designer, CSS is my medium and so I challenged myself to learn all I could about it and to explore and experiment with its limits.

But why a single div?

When I was learning to paint, my class did these color mixing exercises where we created the many colors of the spectrum from only the three primary colors: red, yellow, and blue. The purpose of the exercise is to learn the behavior of the medium and the constraints show us the power of combination. You can certainly buy green paint, but you can also create green from blue and yellow. Restricting your available options forces you to re-evaluate the tools you already have.

I decided to start a CSS drawing project, every few days illustrating something new with only CSS. To further challenge and explore what CSS is capable of, I gave myself the constraint of using only a single div in the markup. Instead of buying green paint (or adding another div), I’d need to stretch and combine CSS properties to achieve my goals.

The Toolkit

With only a single div and browser-supported CSS properties, it may seem like the tools are too limited. I found it’s not always what you have to work with, but how you look at them.

Pseudo elements

With one div in the HTML, I actually have three elements to work with because of CSS pseudo classes. So with div, div:before, and div:after, we can get something like this:

pseudo elements

  div { background: red; }
  div:before { background: yellow; }
  div:after { background: blue; }

It helps to think about these three elements as things that can come in sequence and as three stackable layers. So in my mind, it would usually look more like this:

pseudo elements as layers


With CSS and one element, we are afforded three basic shape types. We can use width and height properties to create squares/rectangles, border-radius to create circles/ellipses, and border to create triangles/trapezoids.

css shapes

There are others we can create with CSS, but most things can be simplified to some combination of these shapes. And these are the easiest to create and manipulate.

Multiples of the same shape

With multiple box-shadows, we can create many versions of the same shape in varying size, color, and blur. Offsetting them on the x- and y-axes gives us almost endless multiples.

multiple box-shadows

div {
    box-shadow: 170px 0 10px yellow,
                330px 0 0 -20px blue,
                330px 5px 5px -20px black;

We can even give our box-shadows box-shadows. Pay attention to the order they are declared. Again, It’s helpful to think of them as layers.


Gradients can be used to add shading and depth by implying a light source. This makes the simple, flat shapes feel more realistic. Combining multiple background-images allows us to use many, layered gradients to achieve more complex shading and even more shapes.


div {
    background-image: linear-gradient(to right, gray, white, gray, black);
div:after {
    background-image: radial-gradient(circle, yellow 50%, transparent 50%),
                      linear-gradient(to right, blue, red);


The most difficult part is visualizing how to piece these parts into a whole recognizable drawing. As much as I focus on the technical aspects of the drawings, this part of the process is critical. To help with this, I’ll often look at a photograph of the subject and break it up visually into pieces. Everything is a shape and everything is a color. I simplify the overall picture into smaller shapes or blocks of color I know can (or suspect can) be achieved with CSS.


Let’s take a closer look at two drawings and break down some of the pieces that make up the larger pictures. First up is the green crayon.

A crayon is made up of two primary shapes: the rectangular body and the triangular drawing tip.

crayon shapes

I had to guarantee the following things to capture a realistic image:

  • the different color of the paper wrapper
  • the printed graphics and words on the wrapper
  • the shading that shows the roundness of the crayon
  • the glossiness that shows roundness and a light source

So first, I created the main body of the crayon with the div and a background color, top-to-bottom gradient, and box-shadow to show some dimension:

crayon body

(Note, I’m using a mixin of black(a) and white(a) here in place of rgba)

div {
    background: #237449;
    background-image: linear-gradient(to bottom,
                                  transparent 62%,
                                  black(.3) 100%);
    box-shadow: 2px 2px 3px black(.3);

Then I added a left-to-right linear-gradient to create the wrapper. It has an alpha value of .6 so some of that previous gradient shows through.

crayon wrapper

div {
    background-image: linear-gradient(to right,
                                  transparent 12px,
                                  rgba(41,237,133,.6) 12px,
                                  rgba(41,237,133,.6) 235px,
                                  transparent 235px);

Next I used the same left-to-right gradient technique to create the printed stripes on the crayon.

crayon printing

div {
    background-image: linear-gradient(to right,
                                  transparent 25px,
                                  black(.6) 25px,
                                  black(.6) 30px,
                                  transparent 30px,
                                  transparent 35px,
                                  black(.6) 35px,
                                  black(.6) 40px,
                                  transparent 40px,
                                  transparent 210px,
                                  black(.6) 210px,
                                  black(.6) 215px,
                                  transparent 215px,
                                  transparent 220px,
                                  black(.6) 220px,
                                  black(.6) 225px,
                                  transparent 225px);

And for the printed ellipse, a radial-gradient works great!

crayon printing

div {
    background-image: radial-gradient(ellipse at top,
                                  black(.6) 50px,
                                  transparent 54px);

I have it broken up to demonstrate each piece, but keep in mind the background-image would actually look like this:

div {
                      // ellipse printed on wrapper
    background-image: radial-gradient(ellipse at top,
                                  black(.6) 50px,
                                  transparent 54px),
                      // printed stripes
                      linear-gradient(to right,
                                  transparent 25px,
                                  black(.6) 25px,
                                  black(.6) 30px,
                                  transparent 30px,
                                  transparent 35px,
                                  black(.6) 35px,
                                  black(.6) 40px,
                                  transparent 40px,
                                  transparent 210px,
                                  black(.6) 210px,
                                  black(.6) 215px,
                                  transparent 215px,
                                  transparent 220px,
                                  black(.6) 220px,
                                  black(.6) 225px,
                                  transparent 225px),
                      // wrapper
                      linear-gradient(to right,
                                  transparent 12px,
                                  rgba(41,237,133,.6) 12px,
                                  rgba(41,237,133,.6) 235px,
                                  transparent 235px),
                      // crayon body shading
                      linear-gradient(to bottom,
                                  transparent 62%,
                                  black(.3) 100%)

So after completing the div, I moved on to the :before pseudo element to create the crayon’s triangular tip. Using solid and transparent borders, I made a triangle and positioned it next to the div I just drew.

triangle crayon tip

div:before {
    height: 10px;
    border-right: 48px solid #237449;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;

It looks a little flat next to the crayon’s body, but it will be fixed with the :after pseudo element. With this, I added a top-to-bottom linear-gradient to create a reflective gloss effect that spans the width of the crayon.

crayon gloss

div:after {
    background-image: linear-gradient(to bottom,
                                    white(0) 12px,
                                    white(.2) 17px,
                                    white(.2) 19px,
                                    white(0) 24px);

This adds even more dimension and realism and helps with that flat triangle. As a finishing touch, I added some text content to the :after and positioned it as another printed element on the crayon’s wrapper.

crayon color label

div:after {
    content: 'green';
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: black(.3);
    text-align: right;
    padding-right: 47px;
    padding-top: 17px;

And that’s it!

Let’s take a look at another one

The crayon is a good example of using background-image and gradients to produce realistic results. Here’s an example that shows the power of multiple box-shadows: a single div camera.

Here’s the body of the camera, created with background-image and border-image.

camera body

Here’s a gif illustrating the :before pseudo element (the black rectangle) and the many details created with its box-shadows.

camera rectangle

div:before {
    background: #333;
    box-shadow: 0 0 0 2px #eee,
                -1px -1px 1px 3px #333,
                -95px 6px 0 0 #ccc,
                30px 3px 0 12px #ccc,
                -18px 37px 0 46px #ccc,
                -96px -6px 0 -6px #555,
                -96px -9px 0 -6px #ddd,
                -155px -10px 1px 3px #888,
                -165px -10px 1px 3px #999,
                -170px -10px 1px 3px #666,
                -162px -8px 0 5px #555,
                85px -4px 1px -3px #ccc,
                79px -4px 1px -3px #888,
                82px 1px 0 -4px #555;

Similarly, here’s the :after (the grey circle) and its several box-shadow details.

camera circle

div:after {
    background: linear-gradient(45deg, #ccc 40%, #ddd 100%);
    border-radius: 50%;
    box-shadow: 0 3px 2px #999,
                1px -2px 0 white,
                -1px -3px 2px #555,
                0 0 0 15px #c2c2c2,
                0 -2px 0 15px white,
                -2px -5px 1px 17px #666,
                0 10px 10px 15px black(.3),
                -90px -51px 1px -43px #aaa,
                -90px -50px 1px -40px #888,
                -90px -51px 0 -34px #ccc,
                -90px -50px 0 -30px #aaa,
                -90px -48px 1px -28px black(.2),
                -124px -73px 1px -48px #eee,
                -125px -72px 0 -46px #666,
                -85px -73px 1px -48px #eee,
                -86px -72px 0 -46px #666,
                42px -82px 1px -48px #eee,
                41px -81px 0 -46px #777,
                67px -73px 1px -48px #eee,
                66px -72px 0 -46px #666,
                -46px -86px 1px -45px #444,
                -44px -87px 0 -38px #333,
                -44px -86px 0 -37px #ccc,
                -44px -85px 0 -34px #999,
                14px -89px 1px -48px #eee,
                12px -84px 1px -48px #999,
                23px -85px 0 -47px #444,
                23px -87px 0 -46px #888;

A little crazy, but as you can see, multiple box-shadows can add a lot of detail to a single div drawing.

Biggest challenges

Two of the biggest obstacles I came across were limitations around triangle shapes and the natural behavior of gradients.

The trouble with triangles

Because triangles are created using borders, it limits how much I can do with them. Adding gradients with border-image apply to all the borders, not just one side. Box-shadows apply to the shape of the box, not the triangle shape the border creates, so creating multiple triangle shapes can be difficult. Here’s an example of what that looks like:

trouble with triangles

div {
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-bottom: 80px solid red;
div:before {
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-bottom: 80px solid red;
    border-image: linear-gradient(to right, red, blue);
div:after {
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-bottom: 80px solid red;
    box-shadow: 5px 5px 5px gray;

Layering gradients

With gradients, their natural behavior is to fill the entire background. This can get a little tricky when layering multiple gradients on top of each other. It takes some extra time to think through transparency, z-index, and understanding what will and won’t be visible. By using this technique effectively, our drawings can have surprising detail.

The Tardis is a good example of showing and hiding gradients to create a detailed picture. Here’s the drawing mid-process that shows some of the top-to-bottom gradients that span the entire width of the container.

single div tardis in-process

Using left-to-right and right-to-left gradients, I was able to cover parts of the gradient and leave some parts exposed.

single div tardis in-process

The resulting drawing appears to have many shapes making up the front facade of the Tardis, but it’s strategically layered linear-gradients. Sometimes you have to fake it.

See them in action

One awesome thing that popped up because of this project is a really cool and useful Chrome browser extension by Rafael Carício called CSS Gradient Inspector. It extends the developer tools to inspect and toggle on/off each element’s gradients as if they were layers. (It’s very helpful with everyday projects, too.)

I’m super excited to see designers and developers experimenting and riffing on these drawings with animations and JavaScript functionality. Check out the site and play around with the CSS yourself at a.singlediv.com or on GitHub!

Mozilla Web DevelopmentWebdev Extravaganza – September 2014

Once a month, web developers from across Mozilla gather to continue work on our doomsday robot that will force the governments of the world to relinquish control of the internet to us. Crafting robotic monsters is hard work, so we take frequent breaks to avoid burnout, and we find these breaks are a convenient time to talk about the work that we’ve shipped, share the libraries we’re working on, meet new folks, and talk about whatever else is on our minds. It’s the Webdev Extravaganza! The meeting is open to the public; you should stop by!

You can check out the wiki page that we use to organize the meeting, view a recording of the meeting in Air Mozilla, or attempt to decipher the aimless scrawls that are the meeting notes. Or just read on for a summary!

Shipping Celebration

The shipping celebration is for anything we finished and deployed in the past month, whether it be a brand new site, an upgrade to an existing one, or even a release of a library.

Marketplace Redesign

clouserw stopped by to tell us that Firefox Marketplace shipped a redesign! The front page now has a set of modules that can be customized using a set of admin tools, including changing what apps are shown, setting colors and features, and more. Of particular note is the fact that the admin interface for the modules was given a lot of UX attention as well (as opposed to our standard practice of using the default Django admin design), and includes a live preview of what the modules will look like.

Socorro: Out of Memory Crashes and new ADI source

lonnen informs us that Socorro has landed support for logging out-of-memory crashes, meaning that crashes that are suspected of relating to memory now include about:memory logs in the crash data, to help us diagnose those problems. In addition, Socorro is now fetching data about the number of active daily instances of Firefox instead of depending on the data being sent to Socorro in bulk. Socorro uses this data to normalize crash data, and the new source reduces the time spent pulling in the data to under ten minutes.

Air Mozilla now supports pop-out videos

peterbe shared the news that Air Mozilla now supports pop-out videos, meaning you can now launch a new window with the video you want to watch. This gives the viewer more options in how to watch a video while working on something else, as previously you were limited to in-page viewing or full-screen viewing.

Open-source Citizenship

Here we talk about libraries we’re maintaining and what, if anything, we need help with for them.


peterbe had a few pieces of news about contribute.json. First, Air Mozilla and Peekaboo both have live contribute.json files, and Socorro is deploying one soon. Second,  seanbolton and espressive are working on a redesign of the contribute.json webpage. And finally, the validator now supports text and file upload as well as URLs.

New Hires / Interns / Volunteers / Contributors

Here we introduce any newcomers to the Webdev group, including new employees, interns, volunteers, or any other form of contributor. Unfortunately we had no one new to introduce this month.


The Roundtable is the home for discussions that don’t fit anywhere else.

Markeplace in multiple datacenters

clouserw shared an “exploration” he’s working on for moving Marketplace into being hosted in multiple datacenters. While the primary goals are redundancy (if a datacenter goes down) and performance (geographically close to users who normally have to reach servers in the US), one major issue that was raised was handling differing privacy laws between countries that we have datacenters in. Feedback is welcome!

Bedrock running on Cloud9

jgmize wanted to let everyone know that Bedrock can now be set up on Cloud9, allowing developers and contributors to get a running instance of Bedrock with almost no interaction or software installed on their own machine. There’s a quickstart guide for setting it up, and he’s looking for people to try it out and also to consider trying out the model on their own projects as a way of helping on-board new contributors.

If you’re curious, the robot is coming along nicely. Once we’re able to get the imported railgun to clear customs, we should be good to go!

If you’re interested in web development at Mozilla, or want to attend next month’s Extravaganza, subscribe to the dev-webdev@lists.mozilla.org mailing list to be notified of the next meeting, and maybe send a message introducing yourself. We’d love to meet you!

See you next month!


SUMO BlogWhat’s up with SUMO – September 12th

Hey everyone!

I couldn’t write anything informative here last week, as I was far away from any web-connected keyboards… But I hope you had a good time and all is well. Now, without further ado, let’s delve into some updates.

New SUMO members

The never-ending introductions thread is getting as long as a snake in that classical retro game for mobiles after at least 40 pieces of fruit… Say “hi” to those who joined us recently:

The goings-on

L10n sprint in Bangladesh for the upcoming Firefox OS launch


SUMO Day relaunch

First FAQ pages coming soon

  • After the brief absence, I am back to work on the FAQ pages for low traffic languages, together with our SUMO devs
  • We hope to have Estonian, Flemish, Gujarati, and Croatian as our pilot languages, with more to come later
  • Thanks to Merike, Wim, Neetirajsinh, and InFlames1412 (\m/) for their help with setting the pages up!

Speaking of our SUMO Devs… A cool new feature is here!

  • Are you following too many threads on the forums and would like to see (and edit) the thread subscriptions in one place? We’ve got you covered!


  • The list includes all SUMO documents, forums, and threads the changes in which you are following – to unfollow any of them, untick the box. Make sure you click the “update” button at the bottom of the list to save your changes.

Do you love Firefox? Are you good with Swedish?

Finally, I feel like sharing a bit of amazing (and legally free) music with you. Take a look here and share your favourite sounds with us in the comments!

Air MozillaWebmaker Demos September 12

Webmaker Demos September 12 Webmaker Demos September 12

WebmakerQ&A with Trek Afrique

Trek Afrique is an awesome organization in Africa that is empowering local communities  and individuals to achieve their goals through training and and exposure to technology and literacy. This year for Maker Party, Trek Afrique gathered a group of youth together and used  Webmaker tools like X-Ray Goggles and Popcorn maker to explore topics like privacy, and ethnoarchitecture. We had the chance to speak with Richard Nworah to find out more about the event and the organization.


What is Trek Afrique and what do you do?

TREK Afrique is a not-for-profit, non-governmental, community-oriented organization focused mainly on promoting rural knowledge, livelihoods & innovations. TREK Afrique means THINKING RURAL ECONOMY & KNOWLEDGE Afrique. We set up learning and motivation centers in consenting host communities, where we provide training and hands-on exposure centered on literacy, leadership, information and communication technology, innovations, entrepreneurship and entertainment. We also assist communities to harness local knowledge, capacity, content and innovations to address their perceived development priorities. Our support is designed to ensure that communities are active drivers of their desired change.

What is the events hosted or ran during Maker Party?

The Mozilla Maker Party with TREK Afrique was an insightful event for all makers. We learnt Ethnoachitecture, Drones & Civilian Intelligence, and Privacy Online. Our various maker teams were really thrilled to learn Popcorn and X-ray Goggles. We also had a session where makers were exposed to various online platforms, such as P2PU and Edx for educative purposes.

Why did you choose to get involved with Maker Party?

At TREK Afrique we believe in 21st Century education. We believe that a digital literacy skill has become essential, and that the web helps democratize access to information. TREK Afrique works with communities, and our partnership with Mozilla to host the Maker Party engenders teaching of web literacy across these communities. Maker Party time is a fun time, be it two or fifty persons I think the uttermost thrill to makers is learning something new, something that allows them to be expressive and contributors of the web and not just consumers. They soon get to find out that they can utilize the web for their good, and that their voices can be heard all over the globe from just their laptop. This is the spirit I think, binds all makers all over the world.

Tell us what you were most excited for at the event?

Team Spirit! Makers displayed high team spirit. Whether they were making a video on popcorn, or remixing a website using X-ray Google. It was all about the excitement with which the different teams competed amongst themselves.

Why is it important for youth and adults to make things with technology?

Technology affords youths an inexpensive way and avenue via which they can participate in global affairs. It democratizes access to information, and can disrupt stale ideas and practices easily.  In this ever changing world, we all need to participate in shaping our world to suit us, we all need to work together to create that world which we can exist and live in. Technology just simply ensures that everyone can participate or be heard.

What was the feedback you got from people who attended or taught at your event?

Makers and Mentors all kept asking; “when next can we have something like this?” others thought it was a very much needed event, one that is necessary for capacity building, peer learning and networking.

Why is it important for people and organizations to get involved in Maker Party?

In this age, one can not underestimate the power of the web and internet in our daily lives. If information is the most vital resource of this age, then we all need to see teaching the web as a clarion call. We all need to join this movement, and a campaign to teach the web. For inclusion and to stop marginalization, web literacy skills might just be the most effective answer. Organizations sure need to tap into this revolution to spread the reach of their impact.

How can people get in touch with your organization?

We operate from our collaboration facility which is located in Abuja, the Federal Capital Territory of Nigeria.

Collaboration Space
651-HUB, 651 ROAD,
ABUJA, FCT 900108

Facebook: https://www.facebook.com/trekafrique
Twitter: @trekafrique
Email: info@trekafrique.org
Website: www.trekafrique.org

Open Policy & AdvocacyReflections on the 9th Internet Governance Forum

I recently returned from Istanbul, Turkey where I attended the 9th annual Internet Governance Forum. This was my third IGF in a row, and my second with Mozilla. Like the others I’ve attended, it was a vibrant event, with over 3000 registrants from very different regions and interests culminating in an energizing, inspiring forum.

This year’s event reinforced my positive position on the IGF. It has a crucial role to play at the core of the Internet governance ecosystem, and it continues to fulfill that role far, far better than any other event. The IGF brings people from all walks of life into the same venue and it gets them to interact with each other and talk about difficult issues, face to face and in real time. This year, even remote participation worked fairly smoothly, as I attended a couple sessions that included speakers on video-conference connections.

Some viewed Turkey as an odd choice for a host, given the country’s history of social media blocking and other interference with free expression and activity online (including a law adopted just after the conclusion of IGF to make it even easier to block Web pages). The sentiment was strong enough to inspire the creation of a competing “Internet Ungovernance Forum” focused on promoting an open, secure, and free-as-in-speech Internet. Despite the undercurrents, both forums were well attended, and featured a broad range of interesting and expert speakers (and even some who were both!).

There is always a spotlight on IGF in the international Internet policy world. This year’s comes from NETmundial in Brazil, and, looking ahead a bit, this October’s ITU Plenipotentiary Conference in Korea, a once-every-four-years convening for high-level intergovernmental activity at the core of the ITU’s mission.

So, what did that spotlight illuminate? As always, there were many broad-ranging discussions on Internet policy issues, and no structural mechanisms to move from policy development to any formalized decision-making. (But for the IGF, this is a feature, not a bug.)

Topically, if last year was the Snowden/surveillance IGF, this year was the net neutrality IGF, with at least three feeder sessions and a three-hour “main session” focused on the topic. I spoke at two of the net neutrality sessions, and attended the others. One of my sessions examined “network enhancement” and its relationship to net neutrality – a timely topic here in the United States, where opponents of strong net neutrality rules often indicate that excessive regulation will discourage investment in infrastructure. The other was the annual working session of the Dynamic Coalition on Network Neutrality, which was praised by conference organizers as one of the most effective examples of the ad-hoc IGF working coalitions. I also contributed a paper to the Coalition’s second annual report, drawing from Mozilla’s petition to the FCC and our July comments.

Surveillance had its moments in the spotlight as well, though it was less emphasized than last year. I spoke on two surveillance-related panels. A session organized by CIGI went straight to one of our core policy themes, trust, and how revelations of expansive surveillance have harmed trust, and what we can do to restore it. A separate session, co-organized by the Internet Society and CDT, focused on responses to surveillance, such as proposals to build additional IXPs and undersea cables, and new laws to mandate localization of data within a country. The group collectively opposed localization mandates as both unhelpful for protecting Internet users from surveillance and potentially disastrous to the global free and open Internet.

The IGF isn’t perfect. But it deserves the role it has as the first stop for collaborative discussion of issues related to governance “on” the Internet. Its mandate from the UN runs for one more year, through the 10th IGF in 2015, and then unless renewed the events will stop. But with massive support from many stakeholder groups in many regions of the world – and a host country for 2016 already lined up, by some accounts – I think the IGF will, and should, continue for many years to come.

Software CarpentryVideos from Stanford

Stanford University has posted videos from the Software Carpentry workshop held there in August featuring Azalee Bostroem, Chris Lonnen, Dani Traphagen, and Chris Beitel. These are a great place to start if you'd like to do a little informal jugyokenkyu.

Our thanks to Amy Hodge and Stanford University for making these available.

Software CarpentrySeptember 2014 Lab Meeting

After taking a break in July for our sprint, and in August because people were on holiday, doing fieldwork, or both, we will resume our monthly online lab meetings this month. As always, we'll hold the meeting twice to accommodate time zones, childcare commitments, and the like; the first round will be 18:30-19:30 Eastern time on Thursday, Sept 25, and the second will be 11:00-12:00 Eastern time on Friday, Sept 26. We'll post connection details and the agenda closer to the time; if you have anything you'd like included, please send us mail.

WoMozBal Seva Sadan Maker Party by Rajasthan’s WoMoZ

Wonderful womoz from Rajasthan (a local community of Mozilla India) organized a webmaker party in Lakshmangarh. This event took place in a government school where the students have almost no access to computers. So the organizers focused on explaining the basis of computers and the internet to the students. Because the internet will play a role in their future and these children are the future of their country.

I will now hand over to Ayushi to explain how the event went…

So here is the story of our Event in Bal Seva Sadan, Lakshmangarh (A town in Mozilla Community Rajasthan) that was held on last Sunday.

Team at Bal Seva Sadan

Team at Bal Seva Sadan

The team gathered up at 4:30pm. We reached School. Students were awaiting for us excitedly.

This time Mozilla Mustians were more excited for the event.Because this time we were having some more new enthusiastic members in the team.

We taught the students of class 3rd to 5th. They didn’t have much knowledge about the web. When we taught them about Internet they find it very interesting as they were not familiar with the exciting features of Internet.

We started by the gaming session so that the session become more interactive.

Tripti told them about us. And gave a basic knowledge that what things they were going to learn.

Priyanjali came up with the idea of Computer System and devices of Computer. They all have seen computer but not Laptops. So this time we showed them how laptop works.

Priyanjali drawing rough diagram of computer.

Priyanjali drawing rough diagram of computer.

Then Garvita taught about the Networks and How can we communicate with the other computers all over the world.

Then me (Ayushi) told them about the Web and Web browser (especially Mozilla Firefox ;)) and how we use Internet.

Teaching how to work on Mozilla firefox.

Teaching how to work on Mozilla firefox.

Srishti told them about us :) . Who are we (FSA) and what do we do.

Rishbha gave very good examples of Web Security and made it easier to understand.

Rishbha giving examples of Web Security

Rishbha giving examples of Web Security

And finally Rashi told them about Open source.

Rashi explaining open source

Rashi explaining open source

Then We asked some questions. They were very happy by answering and getting goodies and chocolates.

Getting Swags and Chocolates.

Getting Swags and Chocolates.

So whole session was completed by 6 in the evening.

Team members were working and coordinating with each other so well and Event went awesome.

A photo with Bal Seva sadan.

A photo with Bal Seva sadan.

We had an another event i.e. Webmania also with school students, we taught  them about Computer and Web. How it is important for their future and about much more.

10518626_352307191592168_2390108559324268010_o 1965677_352307248258829_4665344955663479064_o 10524223_352307178258836_6090809979804054833_o 10551604_352300858259468_3183174656765694804_o

Thank You So much Prachi Jain and whole Rajasthan Community who helped us.

We will conduct some more events there soon :)

Thank You Ayushi for your great event story and thanks Flore for helping me as Co-author ;).

Have a Great Day!

Original blogpost


about:pixelsLogo Explorations…Continued

Following up from my previous post, here’s another time lapse look at some of the logo explorations happening for the new Mozilla logo. Enjoy the video, and stay tuned for more!

Air MozillaWhy We Build How We Build

Why We Build How We Build Sean Bolton, "Why We Build How We Build" More about Sean: http://seanbolton.me/

Air MozillaServo's Power Struggle

Servo's Power Struggle Laleh Aghababaie Beni, "An exploration of the power usage of Servo and how to decrease its power usage"

Air MozillaPrerender That

Prerender That Roshan Vid, "A short talk about how prerendering content can make your overall browsing experience more awesome."

Air MozillaIntern Presentations

Intern Presentations Robert Bindar, "This presentation is a story about web notifications, the way they work and what it takes to push new features." Sean Bolton, "...

Air MozillaHacking through notifications

Hacking through notifications Robert Bindar, "This presentation is a story about web notifications, the way they work and what it takes to push new features."

Air MozillaThe science of teaching scientists scientific software development for science and data science

The science of teaching scientists scientific software development for science and data science Guest speaker Chris Beitel will present on teaching software engineering best practices in the scientific programming community.

Air MozillaOWASP France Meeting - Mozilla Paris

OWASP France Meeting - Mozilla Paris SonarQube et la Sécurité - The Open Web Application Security Project (OWASP)

hacks.mozilla.orgFirefox Add-on Enables Web Development Across Browsers and Devices

Developing across multiple browsers and devices is the main issue developers have when building applications. Wouldn’t it be great to debug your app across desktop, Android and iOS with one tool? We believe the Web is powerful enough to offer a Mobile Web development solution that meets these needs!

Enter an experimental Firefox add-on called the Firefox Tools Adaptor that connects the Firefox Developer Tools to other major browser engines. This add-on is taking the awesome tools we’ve built to debug Firefox OS and Firefox on Android to the other major mobile browsers starting with Chrome on Android and Safari on iOS. So far these tools include our Inspector, Debugger and Console.

Nothing can replace on-device testing. But developer tools on devices have been cumbersome and vendor-specific. Cross-platform development involved learning and switching between all the different browsers developer tools.

This add-on allows you to use your desktop environment to work on several small screen devices without using up precious screen space. You simply use the device and find out what is going wrong on your computer – regardless of platform and browser engine on the device.

How the Add-on Works

Now Try it Out

This project is still in the early stages, but we put together a preview for developers who are curious or want to contribute. All it takes is the latest copy of Firefox Nightly and the add-on. Follow the Firefox Tools Adapter instructions to get started.

This preview works with Chrome 37 on Android, currently available as Chrome Beta, and Safari on iOS. Some parts work pretty well, some parts need some work. Give it a try and let us know what you think!

So What’s Under the Hood?

This add-on is a new implementation of the Firefox Developer Tools Protocol. Rather than interfacing directly with content, it speaks to the remote debugging protocol surfaced by Chrome and iOS. This implementation is hosted inside the Firefox process, and used internally by the Firefox Developer Tools.

When Will It Be Ready?

What we’re showing today is an early preview release. We’ll be actively developing it in the coming months, directed in large part by your feedback. We’ll keep you posted on new updates when they happen!

How to Contribute

The GitHub project page has instructions for getting involved with the code. Your feedback is also helpful: Talk to us on Twitter at @FirefoxDevTools, GitHub issues or UserVoice.

Mozilla KoreaFirefox 32, 강력해진 보안 기능 및 모바일 맞춤형 기능 향상

더 강력해진 Pinning 보안 기능 탑재
Firefox 신규 업데이트는 웹 보안에서 가장 취약한 중간자(MITM)공격이나 다른 해킹으로부터 사용자를 보호하는 ‘공개키 게시(pinning)’ 기능을 제공합니다.

MITM공격은 해커가 사용자 기기와 웹서버 사이에 오가는 민감한 데이터를 가로채거나 조작하는 수법을 가리키는 것으로 SSL 인증서를 위조하여 사용자를 속이는 기법 중 하나입니다.

새로 탑재된 공개키 게시 기능은 브라우저가 특정 사이트 방문시 암호화된 서버 정보를 일정시간 기억할 수 있어 유명 사이트로 위장한 가짜 서버로 인한 피해를 예방할 수 있습니다.

체감 속도의 향상 기능 제공
사용자의 웹 사이트 체감 성능을 높여 주는 ‘HTTP 캐싱’ 기능을 기본 활성화 상태로 지원합니다. 이는 웹사이트 접속시 사용자 브라우저에서 서버측에 보내는 자원 요청 우선순위를 최적화하는 기술로서, 대용량 콘텐츠를 불러오는 시간을 단축하고 안정성을 높힙니다.


오른쪽 버튼 눌렀을때, 페이지 이동 기능 인터페이스도 깔끔하게 변경되었고, ‘암호 관리자’ 기능에서 웹사이트 로그인 정보에 대한 메타데이터를 눈으로 확인할 수 있게 바뀌었습니다. 웹 개발자 도구 기능이 맥북 레티나같은 고화질 디스플레이를 지원하며 마크업 리뷰 화면에서 숨겨진 노드 정보도 표시됩니다.

안드로이드 버전 언어 변경 및 맞춤 기능 도입
안드로이드 버전에서는 다운로드할 때, 사용하던 언어에 관계 없이 55개 언어를 자유롭게 변경할 수 있게 되었습니다. 이 새로운 언어 변경 기능을 사용하면 브라우저를 재시작하지 않고 언어를 쉽게 선택하고 설정할 수 있습니다. (추가로 아르메니아 등 6개 언어가 신규로 추가되었습니다.)


홈 화면의 “방문기록”,”상위 사이트”,”읽기 목록”,”북마크”을 다양한 형태로 정리할 수 있게 되었습니다. “포로그램 설정”메뉴에서 “사용자 설정”-“홈”에서 언제든지 쉽게 관리할 수 있습니다.

안전한 개인 브라우징 체험을 위한 제어 기능도 포함하여 브라우징 세션을 종료할 때마다 방문 기록을 간단히 삭제할 수 있습니다. 홈 화면의 “방문 기록”페이지 맨 아래 “방문 기록 삭제” 설정이 표시됩니다.

더 자세히 보기

Air MozillaOn Push

On Push Tyler Smith, "Serviceworkers and their relationship with push notifications. "

Air MozillaAdding Spice to Fighting Spam

Adding Spice to Fighting Spam 9/10 2:00PM 2:00- Ian Kronquist, "Adding Spice to Fighting Spam" MV

Air MozillaSwitching from vendor libraries to peep

Switching from vendor libraries to peep Dean Johnson, "I will be going over the process we used to switch from using vendor libraries to peep."

Air MozillaImproving the mobile web experience with the Janus proxy

Improving the mobile web experience with the Janus proxy Sylvain Cleymans, "An overview of the Janus proxy, and what it can do to make the mobile web faster and lighter."

WebmakerMaker Party: make your own music video

In this Maker Party, you’ll walk people through how to make their own music video on the web. It’s fun, easy, and can take as little as two minutes! Here’s how.

1) Gather

Get together in a room. It can be any room — your kitchen, a classroom, even a Skype chat. All you need is a computer.

2) Make

Walk your participants through these simple steps:

  • a) Pick a song. Go to You Tube and search for your favorite music video or song.
  • b) Add it to Popcorn Maker. Go to http://popcorn.webmaker.org. Paste the link for your video into the box on the right. Click “Get Media.” Your video will now appear under “My Media.” Click on its thumbnail to add it to the timeline. Easy!
  • d) Now add a second video over top. Find another video with imagery you like. It could be another random clip on You Tube, a video of you lip synching to the music, fluffy white kittens — anything! Paste in the second link and add it to the timeline.
  • e) Adjust. Drag and drop the videos on the timeline to adjust them. You can turn the audio or video for each on or off, or move the clips around on the timeline to get the mix how you want it.
  • f) Bonus points: get fancy. If you feel like it, add more custom touches to your project. Add text, links, photos, animated GIFs, or more videos for some extra sparkle.

How to paste a You Tube video link into Popcorn Maker

3) Share

  • Publish your video. Once you’re done, just hit the big green “Save” button at the top. Now you can share the link to your music video with the world.
  • Tweet it. Encourage your participants to share what they made using the #makerparty hashtag, to connect with others making at Maker Parties around the world.
  • Claim your badge. You (and any helpers) can now apply for a Webmaker “Skill Sharer” badge to add to your profile. Show the world you taught the web!

Sample video

Wondering what the finished product might look like? Here’s an example of a simple mash-up we created in two minutes by combining this music video with this Martin Luther King speech.

WebmakerMaker Party: make your own music video

In this Maker Party, you’ll walk people through how to make their own music video on the web. It’s fun, easy, and can take as little as two minutes! Here’s how.

1) Gather

Get together in a room. It can be any room — your kitchen, a classroom, even a Skype chat. All you need is a computer.

2) Make

Walk your participants through these simple steps:

  • a) Pick a song. Go to You Tube and search for your favorite music video or song.
  • b) Add it to Popcorn Maker. Go to http://popcorn.webmaker.org. Paste the link for your video into the box on the right. Click “Get Media.” Your video will now appear under “My Media.” Click on its thumbnail to add it to the timeline. Easy!
  • d) Now add a second video over top. Find another video with imagery you like. It could be another random clip on You Tube, a video of you lip synching to the music, fluffy white kittens — anything! Paste in the second link and add it to the timeline.
  • e) Adjust. Drag and drop the videos on the timeline to adjust them. You can turn the audio or video for each on or off, or move the clips around on the timeline to get the mix how you want it.
  • f) Bonus points: get fancy. If you feel like it, add more custom touches to your project. Add text, links, photos, animated GIFs, or more videos for some extra sparkle.

How to paste a You Tube video link into Popcorn Maker

3) Share

  • Publish your video. Once you’re done, just hit the big green “Save” button at the top. Now you can share the link to your music video with the world.
  • Tweet it. Encourage your participants to share what they made using the #makerparty hashtag, to connect with others making at Maker Parties around the world.
  • Claim your badge. You (and any helpers) can now apply for a Webmaker “Skill Sharer” badge to add to your profile. Show the world you taught the web!

Sample video

Wondering what the finished product might look like? Here’s an example of a simple mash-up we created in two minutes by combining this music video with this Martin Luther King speech.

WebmakerMaker Party: hack your school

Get a group of youth together to remix their school’s web site. It’s fun, creative, and lets you mess around with HTML, the language that makes up the web. It’s easy!

Don’t worry — you’re not actually hacking the site for others — just yourself. You’re changing a local version of the site only you can see.

1) Gather

Get together in a room. It can be any room — your kitchen, a classroom, even a Skype chat. All you need is a computer.

2) Make

Walk your participants through these simple steps:

  • a) Install the X-Ray Goggles. Go to https://goggles.webmaker.org. Drag the big yellow “Activate X-Ray Goggles” button to your browser’s bookmarks toolbar.
  • b) Navigate to your school’s web site.
  • c) Activate the Goggles. Click the Goggles to turn them on. Now when you mouse over elements of the page, you’ll see the code underneath.
  • d) Hit the “remix” button. Hit “R” on the keyboard to remix any element.
  • e) Change the text. Try changing some of the text on the page. You could announce that your school is closed next week, that your teacher has been abducted by aliens — anything!
  • f) BONUS POINTS: Swap in a new image. Mouse over an image on the page and hit “R” / “Remix.” Then paste in the address for your new image.
    • TOP TIP: How do you find the address for a new image? First, find an image you like on the web. Right-click or control-click on the image you want and select: “Copy image location.” (Or “Copy image URL” or “Copy image address”, depending on your web browser.) Then paste your new image URL over top of the old one. Be careful not to lose the quotation marks!

Here’s a sample remix. We changed the text and image to add more dog.

3) Share

  • Publish your remix. When you’re ready to share your remixed page, click the Publish button or press P on your keyboard. This makes your changes visible on the web for others to see.
  • Tweet it. Encourage your participants to share what they made using the #makerparty hashtag. Who’s got the most creative remix?
  • BONUS POINTS: reward helpers with badges. If you had helpers or co-organizers you’d like to recognize, they can claim a free “Skill Sharer badge here!”

Mozilla Add-ons BlogAdd-ons Update – Week of 2014/09/10

I post these updates every 3 weeks to inform add-on developers about the status of the review queues, add-on compatibility, and other happenings in the add-ons world.

The Review Queues

  • Most nominations for full review are taking less than 7 weeks to review.
  • 134 nominations in the queue awaiting review.
  • Most updates are being reviewed within 5 weeks.
  • 74 updates in the queue awaiting review.
  • Most preliminary reviews are being reviewed within 4 weeks.
  • 127 preliminary review submissions in the queue awaiting review.

If you’re an add-on developer and would like to see add-ons reviewed faster, please consider joining us. Add-on reviewers get invited to Mozilla events and earn cool gear with their work. Visit our wiki page for more information.

Firefox 32 Compatibility

The Firefox 32 compatibility blog post is up. The automatic compatibility validation was run shortly thereafter.

As always, we recommend that you test your add-ons on Beta and Aurora to make sure that they continue to work correctly. End users can install the Add-on Compatibility Reporter to identify and report any add-ons that aren’t working anymore.


Electrolysis, also known as e10s, is the next major compatibility change coming to Firefox. In a nutshell, Firefox will run on multiple processes now, running each content tab in a different one. This should improve responsiveness and overall stability, but it also means many add-ons will need to be updated to support this.

We will be talking more about these changes in this blog in the near future. We will also begin contacting developers about add-ons malfunctioning with e10s very soon.

Air MozillaProduct Coordination Meeting

Product Coordination Meeting Weekly coordination meeting for Firefox Desktop & Android product planning between Marketing/PR, Engineering, Release Scheduling, and Support.

Air MozillaSUMO Mobile Meeting September 10, 2014

SUMO Mobile  Meeting September 10, 2014 The weekly SUMO meeting for all things mobile.

Mozilla SecurityA Faster Content Security Policy (CSP)

With the establishment of CSP Level 2, Mozilla shifted gears and reimplemented CSP in C++. This security feature first shipped in Firefox 4 (2011), and until now was implemented in a combination of JavaScript and C++. The new implementation is based solely on C++ and without the need to connect two languages, which increases performance and simplifies the implementation. This allows us faster turnaround when deploying new features established by future layers of the CSP standard.

We’re thrilled to report that CSP in Firefox now works faster than ever.

Performance measurements:
We measured performance with a standard consumer laptop: we ran all csp mochitests in our testsuite (content/base/test/csp/) on a 2.5 GHz Intel Core i5 MacBook Pro with 8 GB RAM running Mac OS X 10.9.4 and an optimized build of Firefox (like the releases). In addition, we run the testsuite using nice -n -20 to minimize operating system scheduler effects. We performed 10 repetitions for each test to get stable results and report the geometric mean of these repetitions to remove outliers.

The three operations we tested were “APPENDPOLICY” (how long it takes to set a CSP for a site), “SHOULDLOAD” (how long it takes to check each requested resource for CSP compliance) and “ALLOWS” (how long it takes to check each inline script or stylesheet computation for CSP compliance).

Operation OLD CSP time (ms) NEW CSP time (ms) Improvement factor
APPENDPOLICY 1.0942 0.0704 15.54x
SHOULDLOAD 0.5081 0.0220 23.09x
ALLOWS 0.0767 0.0178 4.30x

Consider a hypothetical site with an active CSP, ten resource loads (images, script files, etc), and three inline scripts. That’s one APPENDPOLICY, ten SHOULDLOADs, and three ALLOW calls. The old implementation of CSP would spend 1.0942ms in APPENDPOLICY, 5.081ms in SHOULDLOAD and 0.2301ms in ALLOWS, or 6.4053ms time in CSP. The same page with our new implementation would spend about 0.3438ms in CSP, which is about a 95% speedup.

Because most sites load many resources, SHOULDLOAD performance is critical. While each site may trigger APPENDPOLICY once, the SHOULDLOAD code path is triggered for all images and external file loads that the site performs and is especially critical on sites with CSS image widgets, backgrounds, custom bullets, and more complicated graphics. Our tests show that the biggest improvement happens with SHOULDLOAD, suggesting this reimplementation targeted the most critical part of page execution performance.

What’s next:
We have seen CSP gradually adopted as a useful security tool on Web pages and we will continue working in the W3C to simplify usage and make CSP more powerful. We believe CSP has the potential to provide an even greater security benefit once adopted by more of the Web.

Christoph Kerschbaumer & Sid Stamm
Mozilla Security Engineering

hacks.mozilla.org350 posts on Hacks in 2 years!

Two years ago, we made a number of changes to the Mozilla Hacks blog. Since then we’ve had over three million unique visitors and 350 quality posts in just less than two years – almost one every second day!

Part of these changes included:

  • A clear focus on learning about the Open Web & open source – more detail in What Mozilla Hacks is
  • A dedicated Editor, me, working with ensuring consistency, quality & versatility of the articles
  • Articles covering both interesting technologies and possibilities but also learning lessons of how to build exciting solutions and work with a number of different technical opportunities
  • To be a credible and independent go-to resource for developers


I’ve gathered a few testimonials from authors behind the most popular articles during this time, with their experiences writing for Mozilla Hacks.

And you know what? You could write for Hacks too!

If you have experience with a great solution or idea for the Open Web/open source, just let me know and Mozilla can help you share it with a lot of developers out there! Send an e-mail to robert [at] mozilla [dot] com or talk to me via @robertnyman on Twitter and we’ll talk!

Here are the thoughts from Peter Cooper of HTML5 Weekly & JavaScript Weekly, Dave Camp, Director of Firefox Developer Tools and Thorben Bochenek from Opera on writing for Mozilla Hacks.

Austin Hallock from Clay.io:

My co-founder Zoli and I have both written articles for Mozilla Hacks and we agree that it was a very worthwhile experience. The process of getting our posts on the site was easy and both articles generated more response than we expected. Mozilla has a fantastic mission, and the Mozilla Hacks blog is a great extension of that.

Their articles:

Also, thanks to the authors on Mozilla Hacks for their great contributions! And those in that page are only authors with 2 posts and more – in total we have 230 authors all time who have published a post on Hacks!

Most popular content

During these two years, these are the most popular posts, written by Mozilla staff:

The most popular posts, written by 3rd party developers/writers:

Read & write

If you like our articles, please spread the word about them! Ask your friends to read too and follow @mozhacks on Twitter for the latest articles and announcements.

And if you have experiences and learnings to share, let us know and help you with sharing that knowledge!

WoMozWomen who play to win on Firefox OS App Days USACH in Chile

App Days USACH is a full of three sessions, starting in August 23rd and finishing in September 6th. Type of event: ‘hacks sessions’ for intermediate level developers. The goal of the App Days is to introduce Firefox OS and Firefox Marketplace, and share knowledge about the tools available to help developers get started building apps to submit to the Marketplace.

The last 6 of September we close the workshop of Firefox OS with a full day of Hackathon. People started sharing their demos of good ideas.

So, I would like to comment in this post about the women who play to win in this hackathon. YAY! Yes, this is our first Firefox OS App Days with lot of women doing applications and the best we have winners. Congratulations to all awesome women developers from Chile!

Karina Gonzalez won a device for developers Karina Gonzalez creates the Urbano Speed App

Urbano Speed (Urban Speed) WINNER APP​​, Karina González [Application Winner] application is available on Firefox Marketplace https://marketplace.firefox.com/app/urbano-speed/ and Github: https://github.com/karangop/urbano-speed

So, the other app created for women, is really awesome. The App is a game called Cuarto Rey (a typical chilean game on holidays) :P

Javiera developer of the game Cuarto Rey Claudia Guzmán developer of the game Cuarto Rey Camila Marín developer of the game Cuarto Rey

Cuarto Rey (Fourth King) GAME APP, consisting of Camila Marin, Javiera, Claudia Guzman and the application is available on Firefox Marketplace https://marketplace.firefox.com/app/cuarto-rey and Github: https://github.com/Minina/cuarto-rey

We encourage to Karla and Rosa finish their apps and submit it on Firefox Marketplace. Both of you are amazing. Good job, girls! :)

Karla Rojas developer of Mata Conejos

Karla Rojas developer of Mata Conejos

App of Mata Conejos, Karla Rojas. Github is available: https://github.com/JanoSoto/Mata-Conejos

App of Predictor, Rosa Muñoz. Github is available: https://github.com/KrizValentine/Predictor

Kudos and credits to Karina, Javiera, Claudia, Camila, Karla and Rosa, the womoz developers from Chile!

Software CarpentryMore Thoughts on Better Teachers

Over the last few weeks I read Greg's blog post on Building Better Teachers and watched his Scipy keynote and I've been thinking a lot about how can instructors share their knowledge.

My story is the following. I graduated from Vassar College with a degree in Mathematics and New York Teaching Certification for Secondary Education (that's middle and high school) also in mathematics. Though this certification, I spent 2 semesters observing 2 different classrooms twice a week and 12 weeks student teaching. As a student teacher I worked with one teacher, shadowing them and eventually taking over the lesson planning and teaching of all 5 math classes. While we discussed teaching and lesson planning, I do not believe we engaged in the deep discussions of the Japanese instruction. We definitely were not talking until 8pm (I can't imagine how you could plan lessons for the next day, grade, and carry on that level of discussion). I left student teaching with the distinct impression that I was not ready to devote my life to teaching high school. I scrambled for a new life plan and found my self the following Fall pursuing a Master's degree in Astronomy.

For my Master's degree I was introduced to very basic programming in Fortran 77 and taught myself IDL. It's time for a confession. The code I used for my thesis was not version controlled, there were no functions or classes; it was one long piece of code. Also, I have no idea what version I ultimately used to publish my thesis. It wasn't that I didn't want to program better or use version control, I had never heard of anything remotely like SVN or functions.

Armed with a Master's degree in Astronomy I started working at the Space Telescope Science Institute. Here I learned Python (although not really functions) and finally, in September 2011, Greg came to teach Software Carpentry. If you look at my code, you can see the day I took SWC because I started writing functions. Greg taught us Subversion and I really liked the idea, but figuring out how to set up a server for myself was a barrier I never made it over (to be fair I never tried).

Greg recruited Matt Davis to teach SWC, Matt recruited me and I suddenly found myself signed up to teach SWC in Edinburgh in December. This before instructor training existed, Greg had never seen me teach, I had never observed SWC from a teaching perspective, and it was all new and terrifying. I quickly asked Erik Bray if I could tag along a bootcamp at George Mason University, just to give me some experience before being the US SWC representative to Edinburgh. It all went pretty well, I learned a lot, and met a great new group of people.

From there I've had the pleasure to teach with Matt Davis, Tracy Teal, Alex Viana, Chris Lonnen, Rachel Slaybaugh, Mike Jackson, Justin Ely, Erik Bray, and Greg. For me SWC represents everything that I love about teaching, inspiring students and sharing useful information that I wish I'd had, but without the things I hate (grading, students who do not want to be in class, writing tests, etc). It allows me to continue working on science and teaching (I'm still not ready to devote my life to teaching). I also learn something new at every SWC bootcamp I've taught. Seeing a different instructor teach material you've taught a different way is great. You pick up on things that they teach better and you can see what you like. I especially like the stories that Greg tells. They aren't quite the same when I tell them since it is second hand, but they are still great nuggets.

So now that you have a history of how I came to be the person that I am today, here are my thoughts and challenges on communicating teaching skills, specifically in the context of SWC:

  • First - in his keynote Greg asked why do teachers not share materials. I think some of it is that teaching is very personal. It is one thing to copy the teaching style of someone you are inspired by, who you have watched teach, and another to be handed something that someone says, "This worked for me." People teach with different styles. Everyone has developed their own way. How you distill down the "right way" or the "best way" is highly subjective. Many of our SWC discussions end with a bunch of ideas being thrown out and no final conclusion reached. I think this makes it difficult to collaborate on a single set of material without some oversight and ultimate decision making from someone. I've also found myself asking - is this change a personal preference or does it make the material better?
  • This is a challenge for SWC. Our repository is filled with great ideas, but lacks the cohesion of a single path. This allows those familiar with the whole repository to design an individual curriculum for each bootcamp but it leaves those not familiar with the repository without a clear curriculum. When I taught intermediate Python, I dove into the material in the repo, but ended up rearranging a lot of it. We are in the process of synthesizing that material. But we've run into questions such as: should we be teaching numpy or pandas? The answer to this will vary person to person.
  • Another confession: I don't know what is in the repo. Each bootcamp I look at another lesson, but I haven't had time to comprehensively look through everything. I took my instructor's training with the first class in the Fall of 2012, a lot has changed since then. I would like to see a streamlined repo. I believe that involves a new definition of our target audience (s?). What does a typical bootcamp look like. Is there such thing as a typical bootcamp? Is there a typical bootcamp for a particular field? For instance, when I teach astronomers I usually skip the shell section or give a very short advanced section, the Python is from the intermediate directory and the version control is from the beginner directory. I think it is rare for a bootcamp to be taught entirely from one level's directory and this format is confusing to students and to new instructors. If I wanted to look at the material most useful to my bootcamp, where would I find it?
  • Even with a streamlined repository, I think we need a way to keep our instructors up to date on new developments, whether they are improvements to the lesson plans, new materials, or new techniques.
  • I would use the bootcamps as a time to bring people together. You have at least 2 instructors who have likely never taught together planning material, executing it in front of each other, and leading a class through the material for 2 days. In every bootcamp I've taught I felt like I was pushing for this connections. Let's talk about what we are going to teach, how the bootcamp will go, do we want a capstone project, should we teach testing or code review. This is a time for people to connect with each other person to person and share their experiences. At the end of each day, the instructors should check in with each other. What went well, what didn't go well, what could we do better next time? Do we need to change the schedule for tomorrow, do we need to rearrange the classroom?
  • I see helpers as instructors in training. It used to be that to be an instructor you had to either complete the online training or have been a helper 3 times. Even those who have taken the instructor training but who have never taught may want to be a helper at their first bootcamp. As an instructor I ask my helpers if they would like to take a 15 minute chunk of a lesson and teach the class. This gives them a taste of teaching but doesn't derail a section if it doesn't go well. I would like to see more of this.
  • I would like to see a mentorship program. I know this is on the to do list and there are complications such as who should be a mentor and should every new instructor have a mentor, etc. A mentor/mentee relationship could provide one-on-one interaction between instructors. A mentor could comment on a lesson plan before instruction, answer questions the mentee may have, and provide a sounding board for new ideas or frustrations. I could see a mentor watching a lesson via Skype (or hangout) and providing feedback. I can also see a mentee reporting back on a bootcamp.

Finally, I want to share this with you. I heard a fascinating piece on the TED radio hour: Unstoppable Learning by Sugata Mitra on children teaching themselves to use a computer with no instruction. In it he says: "If you allow the organizational process to self-organize then learning emerges. It is not about making learning happen, it is about letting it happen. The teacher sets the process in motion and then she stands back in awe and watches as learning happens."

This is the role I see SWC taking in the lives of all of our students. We don't have time to teach everything, but we have time to set the process in motion.

Software CarpentryFurther Thoughts on Building Better Teachers

On Greg's recommendation, I just finished reading Building a Better Teacher - it was an interesting book, and a well-written story. It turns out that I completely agree with Greg's assessment of the book's lessons and the challenges facing Software Carpentry, but I very much disagree with his proposed solutions!

On the idea of having a group call to discuss how recent bootcamps have gone every other week, I suspect that this is going to run into the fundamental problem that most of us not only teach bootcamps only once or twice a year, but we also only think about teaching bootcamps once or twice a year. I don't think many people (speaking for myself as well) are going to make the time to show up for one of these calls if we're not immediately about to teach a bootcamp, when we're in "teaching mode". On the taping idea, 5-10 minutes isn't nearly long enough to learn anything useful about the flow of a lesson - especially since, as the book points out, the important skill of teaching is usually how to respond to uncertainty and perceive misunderstandings from individual students' behaviors. I doubt that we'll be able to see that in such a short slice of time.

More generally, in both cases, I think these miss the second biggest point of the book (after "good teachers can be made, but it requires coaching and practice"), which is that direct, "thick", interpersonal interactions are the way that coaching works. Big group events like this are too impersonal, in my opinion, to deal with the subtleties of learning to teach well.

But I don't think all is lost. Here are two concrete counter-proposals that I think would work better (also inspired, of course, by the book). Both are essentially built around individual bootcamp experiences, when we have instructors' attention. Some of the other comments so far on Greg's blog post have hinted at similar ideas.

  1. Mentorship. This has been floated before in various forms, but I think that it's a great idea to have a handful of the instructors (senior instructors?) volunteer, or be nominated, or apply, to be a class of mentors. New instructors should be strongly encouraged (in a perfect world, required, but that's probably not feasible) to teach one of their first two bootcamps under the guidance of a mentor. The mentor will help with lesson planning, observe the lesson, help with real-time adjustments (i.e., whisper in the instructor's ear) if things are going off track, and provide feedback after the fact. This gives the new instructor the additional benefit of watching an experienced instructor frame an entire two day workshop. New instructors who really wanted to dive in deep could be encouraged to travel around to teach with a selection of several mentors.

    A sticking point would be how to select mentors and get them the additional training needed to be effective mentors. That would take some logistical work, but I think it's increasingly worthwhile to have this second "tier" of instructors as our group continues to grow. Think of those academic family trees - Greg is the "root PI", who trained a set of new PhD's at the beginning, some of whom (who wanted to put in the time and effort) started their own labs.

  2. Single bootcamp jugyokenkyu. Sort of a light version of the above. At every bootcamp, the other instructors and helpers who are present should be tasked with observing (at least out of the corner of their eye) how an instructor teaches each lesson. Every instructor/helper should fill out a short, half page form at the end of a lesson telling the instructor four things - what went well from a teaching perspective and what could be improved, and what went well from a content perspective and what could be improved (always in a friendly way, of course). These are given to the instructors for review.

    Then, at the conclusion of the bootcamp, the instructors sit together for 15-30 minutes to debrief on how the bootcamp went, discussing what's on the forms as well as bigger picture items. The lead instructor then reports back a summary of this discussion - a form could be useful, but I think two paragraphs of prose written to SWC central could be better. Note that this places a bit more burden on the lead instructor while removing it from the other instructors, as compared to each instructor filling out a survey.

In both cases, what these really do is address what is at heart a question of scalability - how to create a less centralized and more networked architecture for SWC that is organized around smaller hubs and sub-groups of instructors, rather than have everything organized around a back and forth to and from the mothership, steered by Greg. Note that both of Greg's suggestions are based on a mothership-coordination model.

Of course these are just suggestions, and details could surely be improved with further discussion. Speaking of which, perhaps we should organize a "task force" of us who are particularly interested in the pedegogical aspects of Software Carpentry to put a bit more effort into addressing these challenges?

hacks.mozilla.orgEnabling Voice Input into the Open Web and Firefox OS

With the advent of smartphones triggered by iPhone in 2007, Touch became the primary mode of input for interacting with these devices. And now with the advent of wearables (and other hands-free technologies that existed before), Voice is becoming another key method of input. The possibilities of experiences Voice Input enables are huge, to say the least.

They go beyond just merely interacting with in-vehicle devices, accessories and wearables. Just think of the avenues Voice Input opens up for bringing more technologies to more people. It’s enormous: Accessibility, Literacy, Gaming, VR and the list goes on. There is a social vibe there that definitely resonates with our mission at Mozilla detailed in our Mozilla Manifesto

How it started

Both current leading mobile OS/ecosystem providers of today- Apple & Google have their native experiences with Siri and “OK Google” (coupled with Google Now). We really needed an effort to enable Voice Input into the first ecosystem that existed – the open Web. Around MWC 2013 in Barcelona, when Desigan Chinniah introduced me to André Natal – Firefox contributor from Brazil, we had a conversation around this and we instantly agreed to do something about this in whichever way possible. Andre told me about being inspired from a talk by Brendan Eich in BrazilJS, so I did not have much convincing to do. :-)

First steps

We had numerous calls and meetings over the past year on the approach and tactics around this. Since “code wins arguments”, the basic work started in parallel with Firefox desktop and FxOS Unagi devices, later switching to Mozilla Flame devices over time. Over a period of the past year, we had several meetings with Mozilla engineering leads on exact approach and decided to break this effort into several smaller phases (“baby steps”).

The first target was getting Web Speech API implemented, and getting acoustic/language modules integrated with a decoder and giving that a try. Lots of similar minded folks in Mozilla Engineering/QA & community helped along with guidance and code-reviews while Andre moonlighted (on top of his day job) with a very high focus. Things moved fast in past month or so. (Well, to be honest, the only day this effort slowed down was when Team Brazil lost to Germany in FIFA 2014. :-)) Full credit to André for his hard work!

Where are we?

Our current thinking is to get a grammar-based (limited commands) app working first and distribute it in our rich & diverse international Mozilla community for accent-based testing and enhancements. Once we have this stablilized, we will get into the phase 2 where we can focus more on natural language processing and get closer to a virtual assistant experience sometime in future that can give users voice based answers. There is lots of work to do there and we are just beginning.

I will save the rest of the details for later and jump to the current status this month. Where are we so far?

We now have the Web Speech API ready for testing and we have a couple demos for you to see!

Desktop: Firefox Nightly on Mac

Editor’s note: for full effect, start playing the two above videos at the same time.

Firefox OS demo

Come, Join us!

If you want to follow along, please look at the SpeechRTC – Speech enabling the open web wiki and Bug 1032964 – Enabling Voice input in Firefox OS.

So jump in and help out if you can. We need all of you (and your voices). Remember “Many Voices, One Mozilla”!

Air MozillaShiny Icons: The road to High DPI Favicons support

Shiny Icons: The road to High DPI Favicons support Bernardo Rittmeyer, "One of the last steps for full support of high pixel density displays on Firefox Desktop is the use of higher resolution Favicons....

Air MozillaJust Ship It

Just Ship It Mozilla Intern John Zeller presents "Just Ship It"

Air MozillaIntern Presentations

Intern Presentations Filipe Gonçalves, "This presentation shows how it is now possible to test security permissions off the main thread, and how to save memory used by...

Air MozillaHeka, the "Swiss Army Knife" of Data

Heka, the Mozilla Intern Chance Zibolski presents "An exploration of improving the robustness of Mozilla's stream processing tool."

Air MozillaCoping with memory addiction: tricking Firefox OS for fun and profit

Coping with memory addiction: tricking Firefox OS for fun and profit Filipe Gonçalves, "This presentation shows how it is now possible to test security permissions off the main thread, and how to save memory used by...

WebmakerSweden, Columbia, Mauritius, Tunisia: Maker Party Roundup (Week 8)

Maker Party By The Numbers:
Total events during Maker Party: 2,300+
Individuals attending Maker Party events:  115,000+
Number of cities hosting Maker Party events: 420+

In the last 8 weeks we have managed to teach critical skills to over 100,000 people around the world who have attended events to make and learn during Maker Party. This is largely due to the hundreds of people like you, who are taking a stand for web literacy by throwing events.

If you have thrown or will be throwing a making event in 2014 make sure you have loaded it onto the events platform so we can celebrate how you are keeping the party going throughout the year. Here are some of the exciting events that inspired us last week!


Maker Party in Pune, India

Here’s what happened last week:

Maker Party at Bibblerian bibliotek (library) – September 5th, Sweden
At the first Swedish library Maker Party event participants quickly learned that their local library could be transformed into a living maker space. Attendees were able to remix videos and make web pages with Webmaker, explore Scratch, Arduino,  Raspberry Pi, learn to sew and be creative with fusible beads. You can learn more about the event here.

Coderise en el Jesús María – September 5th, Colombia
Coderise, an organization teaching web development to youth ages 13-17 in Latin America, hosted an event at a local catholic girls high school in Medellín where they learned HTML and CSS through Thimble and X-Ray Goggles. Find information on their event page.

Maker Party Pune – September 6-7th, India
This two-day event included over 400 people learning about Mozilla, Hive Learning Networks and Maker Party. Attendees dove into Webmaker workshops from community members and workshops from partner organizations on photography, origami, 3D printing, robotics, raspberry pi, hovercrafts, quadcopters and more. More event info here.

Webmaker party for youth- September 7th, Mauritius
A party thrown for a local youth club, the invaders, in Mauritius at New Grove in the southern region of the country. Attendees got an introduction to web literacy skills, coding, designing web pages, developing apps and creating videos. See pictures and read more in the event report.

Maker Party Children’s Training – September 7th, Tunisia
The Mozilla Tunisia community helped youth paper prototype and brainstorm before teaching the Webmaker tool set. They were hosted by the Al-Warithoun Science Club, which aims to spread the culture of sciences. Find pictures and makes at this beautiful site Mozilla Tunisia put together.

Maker Party build an app in a day – September 8th, London
Ever wanted to make your first app? And do it in a day? O2 Think Big hosted an in-person event, that was also attended virtually by many others, who wanted to learn now to develop and launch an app in one day. Together, attendees explored the world of HTML and Javascript while embracing peer-to-peer learning to help each other learn and perfect their apps throughout the day. More information is on their event page.


  • New offline teaching kit: HTML Puzzle Box teaches the basic structure of HTML tags
  • See the video of how Mozilla Hyderabad has successfully been able to shape and grow a community of webmakers
  • Read these Maker Party event reports from:  UTM Madura in Indonesia, Media Party and CPPR event in Kansas City


  • Share your Maker Party events with this easy, quick and helpful event reporter (it’s also available in Spanish)
  • September 10th is the day of action to protect Net Neutrality. Learn how you can participate here

In the News

Get Involved 

QMOA New Era for Testdays

I’m writing today to announce the transition to a new era for testdays.

The Feedback is In

A while back I had written a post announcing that we were starting a process to retool testdays. We had admitted to ourselves that the current model wasn’t working for various reasons, not least of which was declining value for participants. We decided that the best way to reverse this tide was to begin with tearing down our preconceived notions of what testdays were and to begin brainstorming ideas for what testdays should be. And so we kicked off a cycle purely focused on collecting feedback from you, the community at large.

We believe its important for testdays to focus on providing contributors with the tools needed to contribute long-term and that getting help with testing is a natural side-effect of successful engagement. We believe in strengthening community relationships and broadening our outreach.

Several weeks ago we asked anyone and everyone to start giving us feedback about testdays by entering ideas into an etherpad. Each week we reviewed the feedback and integrated your ideas into the strategy. We’ve received a lot of great ideas that we’re excited to try out and given that the amount of incoming feedback has subsided, we think it’s a good time to shift gears.

Next Steps

We are now going to begin building a new type of testday modeled off some of the key themes that emerged from your feedback. Over the next few months we’ll be focused on experimenting with new ideas and analyzing the results of these experiments. Each and every experiment will be looked at as a teachable moment, even failed experiments will have a story to tell and a lesson to learn.

The first of these events will be focused on “mentorship”. The idea is to hold an event that focuses on engaging new contributors by teaching them the skills necessary to be effective testers within Mozilla, and to allow core contributors to engage as educators in their own right. We’re still in the planning stages for this event but intend to hold the event within the next few weeks.

I want to reiterate that this should be seen as a transitional period. We don’t want to stop all the great work that is currently happening with events like Testdays and Bugdays. If you’re currently involved with those events I encourage you to remain engaged in those events. However, you may see one or two of these events skipped over the next few weeks as we refocus some of our energies to our first “mentorship” testday. You may also see the frequency of these traditional events decline as we become more successful and seek to ramp up the new experimental events.

How Can You Help?

If you’d like to help us plan this event, it will be our top discussion item for the next several meetings. You can be involved by joining our meeting (details below).

When: Tuesday @ 1pm PDT (UTC -7)
Video conference: https://v.mozilla.com/flex.html?roomdirect.html&key=WBuu8ks3P4IZ
Vidyo room: Anthony Hughes (or click the link above ^)
Telephone: +1 (800) 707-2533 p369 x99007
IRC: irc.mozilla.org #qa

If you’re not able to attend the meeting then please add your ideas, questions, or concerns to this etherpad.

Of course, there are more ways to help:

  • Read our wiki, including the strategy linked within
  • Provide feedback on this new direction
  • Contribute ideas for experiments you think we should try
  • Participate in an upcoming bugday or testday

I’m looking forward to see what we can create by working together on this new era for testdays.

WebmakerCompetition: Remix Portland Art Museum’s collections with XRay Goggles


Calling all webmakers: Do you like culture, remix and fun? The Portland Art Museum (PAM) is calling makers of all ages to reinterpret cultural works in a new and innovative competition, the Online Collections Remix!

“In this participatory design contest, we challenge participants to use Webmaker’s free X-Ray Goggles tool to modify and curate their own versions of the Museum homepage using our Online Collections in original and creative ways,” says PAM’s Interpretive Media Specialist Kristen Bayans.

In a great example of the unexpected global connections the web can bring, the PAM’s competition was originally inspired by the Cultural Heritage Remixjam, a teaching kit built by Luca Damiani at TATE Britain in London and Kat Braybrooke at Mozilla.

“We built the Cultural Heritage Remixjam with the TATE because we believe the Internet presents cultural heritage institutions with a unique opportunity to engage global audiences and make their collections more discoverable and connected than ever,” Kat explains. “By working together across galleries, museums, libraries and archives, and by using free and open digital tools, we can now empower global audiences not only to view but also create their own cultural experiences.”

The PAM Online Collections Remix closes on October 31st, 2014. The challenge is open to all ages, but those from age 12-18 are particularly encouraged to apply. Winners will be featured on the Museum’s website for one month and receive complimentary pairs of tickets to the Museum for a program of their choice.

Let the creative remixing begin!

Take action

Air MozillaIntroduction to Web Audio

Introduction to Web Audio A quick introduction to Web Audio for people who don't necessarily know anything about audio.

Software CarpentrySoftware Carpentry Workshop at Universidade of São Paulo

Last week Alex Viana and I taught two Software Carpentry workshops at the Universidade São Paulo, the biggest public university in Brazil. In both workshops we took them through Bash, Git and Python over the course of two days.

First Workshop

We had 18 people subscribe and 27 names on the waitlist. Because of that we were waiting for a full room but only 10 students showed up (we still trying to figure out why this happened) with different previous programming experience but all from bioinformatics fields.

The first day started with Alex teaching the Unix shell. Most of the students used it before but from the feedback they liked discovering some new commands and that you can write your own shell scripts.

In the afternoon I taught Python. This wasn't the best session because I got the wrong impression from the students: the ones asking the most questions during the session were already programming in Perl and were asking questions to figure out the differences between Python and Perl. Moreover, looks like our lesson has a small time issue.

The second day started with Alex teaching Git. This was the best presentation of Git I've ever seen: Alex was very calm presenting exactly the lessons available at our website (except for the fact that for the collaborating and conflict lesson students worked in pairs like Thomas Kluyver's proposal that I plan to review soon) and students followed it up without problems. At the end of the Git session students wanted answers for advanced questions and we extended the session for more one hour.

In the afternoon, we changed our original plans and split the class into two groups. The first group, with more advanced programming skills, had a demo session of Pandas with Alex, while the second group had an exercise session on the concepts learned at the previous day (functions, loops, etc.).

Alex Viana teaching

Second Workshop

18 people subscribed, with 23 names on the waitlist. Unlike the first workshop we had around 18 students (full room), most from bioinformatics without previous programming experience.

The first day started with Alex teaching the Unix shell. Some students liked this first section but most of them still asked themselves, "Why am I learning this?". In the afternoon I taught Python and for the first time I got feedback saying that I was too slow. I had purposely reduced the speed of the lesson but also had to interrupt it a few times before the break because many students were having troubles with Anaconda and IPython Notebook.

The second day started with Alex teaching Git. Again some students had troubles with the installation (all the cases of students using Mac OS X) but after some time we solved the problems. As in the first round, Alex's lesson was great but this time students didn't asked advanced questions at the end. In the afternoon, I finished the Python lesson (I didn't taught the loop lesson in the first day) and gave a quick example of matplotlib and Pandas.

CCSL Class

Mozilla SecurityPhasing out Certificates with 1024-bit RSA Keys

For many years, Mozilla, NIST, the CA/Browser Forum, and others have been encouraging Certification Authorities (CAs) to upgrade their 1024-bit RSA keys to a stronger cryptographic algorithm (either longer RSA keys or ECDSA). We are actively working with CAs to retire SSL and Code Signing certificates that have 1024-bit RSA keys in an effort to make the upgrade as orderly as possible, and to avoid having system administrators find themselves in emergency mode because their SSL keys were compromised. Our multi-pronged approach includes removing the SSL and Code Signing trust bits from 1024-bit root certificates in NSS, gathering telemetry about end-entity certificates with 1024-bit RSA keys, and then eventually showing an “Untrusted Connection” error when a certificate in the chain has an RSA key that is less than 2048 bits.

To help with migration off of 1024-bit root certificates, we are making changes in phases. The first phase involved removing or turning off trust bits for the following 1024-bit root certificates in Firefox 32.

In Firefox 32, the following 1024-bit CA certificates were either removed, or their SSL and Code Signing trust bits were turned off:

  • Entrust
    • CN = Entrust.net Secure Server Certification Authority
    • SHA1 Fingerprint: 99:A6:9B:E6:1A:FE:88:6B:4D:2B:82:00:7C:B8:54:FC:31:7E:15:39
    • OU = ValiCert Class 1 Policy Validation Authority
    • SHA1 Fingerprint: E5:DF:74:3C:B6:01:C4:9B:98:43:DC:AB:8C:E8:6A:81:10:9F:E4:8E
  • GoDaddy
    • OU = ValiCert Class 2 Policy Validation Authority
    • SHA1 Fingerprint: 31:7A:2A:D0:7F:2B:33:5E:F5:A1:C3:4E:4B:57:E8:B7:D8:F1:FC:A6
  • EMC / RSA
    • OU = ValiCert Class 3 Policy Validation Authority
    • SHA1 Fingerprint: 69:BD:8C:F4:9C:D3:00:FB:59:2E:17:93:CA:55:6A:F3:EC:AA:35:FB
  • Symantec / VeriSign
    • OU = Class 3 Public Primary Certification Authority
    • SHA1 Fingerprint: A1:DB:63:93:91:6F:17:E4:18:55:09:40:04:15:C7:02:40:B0:AE:6B
    • OU = Class 3 Public Primary Certification Authority
    • SHA1 Fingerprint: 74:2C:31:92:E6:07:E4:24:EB:45:49:54:2B:E1:BB:C5:3E:61:74:E2
  • NetLock
    • CN = NetLock Uzleti (Class B) Tanusitvanykiado
    • SHA1 Fingerprint: 87:9F:4B:EE:05:DF:98:58:3B:E3:60:D6:33:E7:0D:3F:FE:98:71:AF
    • CN = NetLock Expressz (Class C) Tanusitvanykiado
    • SHA1 Fingerprint: E3:92:51:2F:0A:CF:F5:05:DF:F6:DE:06:7F:75:37:E1:65:EA:57:4B

If you run an SSL-enabled website, this change will not impact you if your certificates and the CAs above it have 2048-bit keys or more. If your SSL certificate has a 1024-bit key, or was issued by a CA with a 1024-bit key, then you will need to get a new SSL certificate, and update the certificates in your Web server. If the intermediate certificate that you are using has a 1024-bit key, then you will need to download the 2048-bit intermediate certificate from the CA, and update the certificate chain in your Web server. For your convenience, links to the impacted CAs are provided in the list above.

The second phase of migrating off of 1024-bit root certificates involves the changes identified in Bugzilla Bug #986014 and Bug #1047011. The root certificates under consideration for the second phase are Thawte, VeriSign, Equifax, and GTE CyberTrust 1024-bit root certificates. These root certificates are operated by Symantec and Verizon Certificate Services, and we are planning these changes to be released in Firefox in early 2015. As always, these root certificate changes will be discussed in the mozilla.dev.security.policy forum.

The third and final phase of migrating off of 1024-bit root certificates involves the changes identified in Bugzilla Bug #986019, which relates to Equifax root certificates that are owned by Symantec. The plan for the third phase of 1024-bit root changes will be discussed in the mozilla.dev.security.policy forum. We are targeting to complete the migration off of 1024-bit root certificates in the first half of 2015, after which no 1024-bit root certificates will be trusted to identify websites or software makers.

Please check your SSL certificates and replace any with 1024-bit RSA keys, and contact mozilla.dev.security.policy if you have comments or concerns.

Mozilla Security Engineering Team

Firebug BlogFirebug 2.0.4

The Firebug team released Firebug 2.0.4. This is a maintenance release fixing reported issues and compatibility with new versions of Firefox.


Firebug 2.0.4b1 has also been released to update users on AMO beta channel. This version is exactly the same as 2.0.4.


Firebug 2.0.4 is compatible with Firefox 30 – 35

Firebug 2.0.4 fixes 6 issues.


Please post feedback in the newsgroup, thanks.

Jan ‘Honza’ Odvarko

Software CarpentryAn Update on Upcoming Bootcamps

So it turns out we have more events coming up than I realized:

University of Delaware bootcamp Sep 11-12, 2014
University of Melbourne bootcamp Sep 15-25, 2014
Imperial College London bootcamp Sep 16-17, 2014
Lawrence Berkeley National Laboratory bootcamp Sep 22-23, 2014
University of Virginia instructor training Sep 22-23, 2014
Federal Reserve Board bootcamp Sep 24-25, 2014
Arizona State University bootcamp Sep 27-28, 2014
Northwestern University bootcamp Sep 30-Oct 1, 2014
Indiana University bootcamp Oct 6-7, 2014
University of Toronto bootcamp Oct 6-7, 2014
GFZ Potsdam bootcamp Oct 13-14, 2014
Rice University bootcamp Oct 13-14, 2014
The Genome Analysis Centre, Norwich instructor training Oct 22-23, 2014
University of Toronto bootcamp Oct 30-31, 2014
University of Sydney bootcamp Oct 30-31, 2014
University of Zurich bootcamp Nov 6-7, 2014
University of Washington instructor training Nov 12-14, 2014
Entomological Society of America bootcamp Nov 13-14, 2014
New York Academy of Sciences bootcamp Dec 2-3, 2014
Lawrence Berkeley National Laboratory bootcamp Dec 16-17, 2014
University of Michigan bootcamp Jan 5-6, 2015
UC Davis instructor training Jan 6-8, 2015
University of Nebraska bootcamp Jan 8-9, 2015
Earlham College bootcamp Jan 11-12, 2015
Weill Cornell Medical College bootcamp Jan 12-13, 2015

about:communityJuly 1st about:Mozilla Issue: Protect Net Neutrality, Safe Browsing for Domestic Violence Survivors, and more…

In this issue, you’ll find out how to raise your voice in support of net neutrality, read about exciting new contribution opportunities, and learn about a new way to map your career path.

Thanks for advocating for the free Web!

— The about:Mozilla Team

Sign the Petition to Protect Net Neutrality!

The Web as we know it is under attack by policymakers who want to restrict access to our most important public resource.

If we stand by and do nothing, the Web will become increasingly closed and centralized, designed to serve the few and not the many.

The proposed new policies set a frightening precedent that will ring world-wide. Mozilla wants the Internet to be free and open, but we need your help.

Mozilla Framework for the Net

Safe Browsing for Domestic Violence Survivors

National Network to End Domestic Violence
The Internet is an integral part of modern life, and Mozilla believes that everyone should feel safe while browsing. To that end, we are partnering with the National Network to End Domestic Violence (NNEDV) to create a guide for domestic violence survivors to stay private and secure while using the Web.

We are looking for contributors with video, writing, and editing skills who are interested in volunteering between now and July 28th.

Learn more about the project and find out how you can get involved.

Discover a career you’ll love

Finding a career isn’t easy, but what if you could use a tool to help you do what you love? Mozilla Discover helps you map your path to your dream job by skills and interests. By connecting Open Badges to your education and experiences, it can even tell you which skills you need to develop in order for you to reach your goal.

The open source project lets you choose flexible learning pathways playfully and find badges in major employment fields to make it easier to match candidates with opportunities. You can either build your own career pathway or pledge to follow someone similar.

Whether you want to apply for a new job, a volunteer position, or find a learning opportunity, Mozilla Discover can help you find the experience and connections you need.

Mozilla Discover


Featured Contributor: Faye Tandog

An industrial engineering student from the Philippines, Faye Tandog went to her first local Mozilla event in 2011, where she was inspired by the passionate community. She says, “Mozilla… welcomes people from all industries and provides unlimited opportunities in various community aspects… Mozilla made me discover my passion for organizing things where I can train and help develop skills of people.”

Faye’s favorite part of contributing is the global community. She describes her Mozilla community as a “family” because they can speak their minds and work together in the open.

Faye contributes mostly by running local events forWoMoz (Women in Mozilla) and the Philippines Webmaker community as well as organizes for the Firefox Student Ambassadors program. Faye’s hard work has paid off: this month, she became the new Mozilla Philippines Community Manager!

Congratulations on your success, Faye, and thank you for being a community advocate!

Photo of the week

Pic of the week

Upcoming Events

Sat 28
Kumasi, Ghana
Mon 30 – Sun 6
Cali, Colombia
Wed 2
Nivithigala, Sri Lanka
Sat 5
Kampala, Uganda
Fri 18 – Sat 19
Alto Parana, Paraguay

Get involved

Maker Party

About us

About:Mozilla is a contributor-led email newsletter. Check out our credits »

Want to be a part of the next issue? Contact us: about-mozilla@mozilla.com

WebmakerQ&A with Geek Girls Carrots

We had so much fun working with Geek Girls Carrots this Maker Party season as they planned and hosted their first Maker Party. Geek girls Carrots (GCS) is a global organization that creates community for women interested in technology by hosting meetings, meet-ups and workshops in cities all over the world. This year they a hugely successful Maker Party event in Seattle and we had a chance to catch-up with COO Kamila Stephniowska to learn more.

GGC Seattle

What is your organization and what do you do?

Geek Girls Carrots (GGC) is a global organization focused on connecting, learning and inspiring women in Tech and IT. We create community by organizing meeting, workshops, hackathons and any other events that gather people to share their knowledge and experience.

We bring together female admins, analysts, application architects, developers, graphic designers, IT managers, programmers, social media specialists, system architects, women with start-up ideas, computer science students and many more.

What events did you host or run during Maker Party?

Geek Girls Carrots Maker Party in Seattle was held at the Seattle Public Central Library, one of our main collaborators together with the Pacific Science Center.  At the Maker Party we had various collaborators who held activities for people of all ages from making robots, binary bracelets, buttons to learning programming languages and hearing inspiring lighting talks.

Why did you choose to get involved with Maker Party?

My colleague, Sanda Htyte, was a member of Hive Learning Network in NYC. She brought it to my attention that as organizers and mentors of programming languages and web development we should join this community of makers and host a Maker Party. When I first heard about the party, I loved the sound of it—it’s a fantastic idea to bring together people of all ages, gender, background and cultures to learn and teach each other and to create things together. For us, to be a part of this global event and raise our educational efforts was also the perfect opportunity to continue our goals of increasing diversity and encouraging girls and women to enter STEM careers globally.

Tell us what you were most excited for at the event? 

We were most excited about pulling off our first ever Maker Party in Seattle! It was also absolutely awesome to build robots!!! Most of Geek Girls Carrots events are gathering around software and startups. We are actually planning on having more hardware-oriented events, such as the one on November 21st in Poznan, Poland (GGC Poznan) so it was cool to see it happening here at our Maker Party in Seattle and how well it’s been received. It was amazing to see adults and children building and programming together with RI/O Bots, Lego Mindstorms and Galileo Intel.

We were also very excited that we partnered with the Seattle Central Library and the Pacific Science Center, two very awesome organizations in Seattle who were looking for an initiative —like hosting Maker Parties, that bring and connect the community to amazing programs around the city. This was another reason why we all wanted to have a Maker Party—because we realized people are making things, but in their own silos. Maker Party gives this opportunity for connection and awareness in return inspiring more innovation and making.  Needless to say, partnering with Seattle Central Library and Pacific Science Center set us off to a perfect start!


Why is it important for youth and adults to make things with technology?

One of our participants, Cristina Parides (S.P.I.N. – STEM Paths Innovation Networks) said, “I want to be part of this because this is the present. It’s not the future any more, this is the present. I just want to go to different places to find all the people who have more knowledge, who can share with me so I can know and reproduce that knowledge.”  Learners and teachers are one in the same. A teacher learns as much from their student as a student gains new knowledge from their teacher.

I think that when you have children and adults learning together we have a chance to broaden our perspectives and have better insights on what’s the best way to learn tailored to the individual and the community. It’s important to be part of the changing information and knowledge landscape—to have more options, to have effective tools, to be better and support each other, so we can have more possibilities for growth, for jobs we’ll be happy with, for lifestyles we’ll be comfortable with and to have a balanced world.

Technology is all around us, it’s what connects us all today, so let’s learn to be not just educated consumers of technology, but also responsible producers. When we are all on a level playing field, the odds of disparities get slimmer and slimmer.

What is the feedback you usually get from people who attend or teach at your events?

We’re very happy when people tell us that we are an open and very friendly group. It’s our goal to provide participants a safe and friendly environment, because that’s what helps people in underrepresented groups feel welcome in technology.

We want to put out the “welcome mat” for women in technology, so when we hear this feedback, we know we’re doing something right.

We provide a participant friendly environment, contact inspiring experts and easy access to programming skills. We also hold confidence building workshops, which have made a huge impact on our members. We aim to create chances, enable connections, and inspire; the rest depends on the people who come to our meetups and workshops!

This is the type of story we want to see, that we have seen in GGC in other cities, and that we are already seeing happen in Seattle. Someone attends our meetup, gets inspired and empowered to learn, and goes home and develops herself in the way she wants. She keeps coming and learning new things, and feeling the support and encouragement of the mentors, speakers and other attendees. She becomes a speaker, leader, or mentor herself and pays it forward. And in her career, she’s able to apply her knowledge and increased confidence to get her dream job, create her own startup, or realize some other dream.

Why is it important for people and organizations to get involved in Maker Party?

Why not? Maker Party is a great journey! Seattle’s Maker Party really helped great local initiatives (SPIN, DinoHulk, TasteBuddy), maker activists, and larger institutions (Central Library, Pacific Science Center, and Intel Mashery) to connect and collaborate. This connected learning ignites great ideas and great things! This is a great opportunity to learn, teach, inspire, motivate, grow, build, network, and to form an amazing community of doers! We are so thrilled and energized from this event that we already have plans in place for more events! Next week we have “Startup It” Code Carrots meeting for anyone interested in building their own startup, develop or join an existing one, looking for knowledge, inspiration and networking! It’ll be on Wednesday September 10th @Makerhous (7 pm – 10 pm, 122 NW 36th Street Seattle, WA 98107).

How can people get in touch with your organization?

Geek Girls Carrots USA:


Geek Girls Carrots global:


Air MozillaImproving the Gateway: Mozilla Wiki User Research

Improving the Gateway: Mozilla Wiki User Research Presentation by OPW intern Joelle Fleurantin about her work this summer on user research for the Mozilla Wiki.

Mozilla L10NFirefox L10n Report (cycles 33 & 34)

Hello localizers!

Thank you all for your great work with Firefox 32 and 33. Here’s an outline of what is currently in Aurora this cycle (34) and what we accomplished together last cycle:

This cycle (Fx34) — 2 September – 14 October

Key dates:
– Beta sign offs must be completed before 29 September.
– Aurora sign offs must be completed before 13 October.
– Firefox 33 releases 14 October.

– Approximately 574 new string changes were made to Aurora desktop, 136 for Aurora mobile exclusively (unshared).
– 21% of the desktop changes are strings or files that need to be removed from your repos. 13% of all string changes are in devtools. The rest cover changes in Private Browsing, mixed content blocking, Get User Media, Loop video & voice calling (see https://wiki.mozilla.org/Features/Release_Tracking#Likely_in_Firefox_34 ).
– 21% of the mobile string changes are related to device storage dialogues. The rest include developments in tab mirroring, guest browsing, among others (see https://wiki.mozilla.org/Mobile/Roadmap#Firefox_34:_.28Beta.29 ).

Please remember that sign offs are a critical piece to the cycle and mean that you approve and can vouch for the work you’re submitting for shipment. I will be following this report with an email to the dev-l10n list regarding some changes to the l10n sign-off schedule, specifically related to versions of Firefox in the Beta channel.

Last cycle — 10 June – 21 July

Noteworthy accomplishments:

70% of all locales shipped Firefox 32 updates on time. Congratulations to everyone who signed off and shipped this last cycle! This is an 2% increase in locale coverage between Firefox 31 and Firefox 32! Together, let’s aim to raise that percentage to 80% for Firefox 33! So far, we’re at 65% signed off!
75% of all locales shipped Fennec 32 on time. Congratulations to everyone who signed off and shipped this last cycle! This is an 11% decrease in locale coverage between Firefox 31 and Firefox 32! Together, let’s aim to raise that percentage to 80% for Firefox 33! So far, we’re at 68% signed off!
– The Armenian, Basque, Fulah, Icelandic, Scottish Gaelic and Welsh teams launched their first localizations of Fennec! These are the first locales to enjoy launching their work, thanks specifically to the new language switching piece in Fennec 32. Please contact the teams to congratulate them on this massive accomplishment, and feel free to tweet all about!
– The Lower Sorbian team has launched their first localization of Firefox desktop! Please contact the team to congratulate them on this massive accomplishment, and feel free to tweet all about!

Firefox AppsHey, Firefox Marketplace Looks Different!

marketplace-feed-screenshot-1Last week, you may have noticed something different about Firefox Marketplace (okay, everything appears different). We’re very excited to unveil a complete Marketplace redesign we’re calling the “Feed.” We’re still experimenting with new features and functionality, so you can expect frequent updates and tweaks in the coming months.

What makes the Feed such a big deal?
There are three primary ways the Feed represents a revolutionary approach to app discovery…

First, the Feed will serve up new featured content on a near-daily basis (whereas most app stores refresh on a weekly—or longer—publishing cycle). This will give Marketplace users more ways to engage with compelling content; and it will help highlight even more great content from deserving app developers.

marketplace-feed-screenshot-2Second, each Feed is customized per region. This means we can now serve up the most locally relevant content to users, whether they be auto racing fans in Brazil or cricket fans in India, for instance.

Third—and most importantly—the Feed is a baby step toward introducing more ways we’re empowering the broader Mozilla community to curate content. For now, we encourage you to nominate your favorite Firefox Marketplace apps. Based on results, we’ll refresh this collection of “Top Community Picks” each week.

We’ll have more news to share very soon about the community curation program. Until then, go play this game!

QMOFirefox 33 Beta 3 Testday, September 12th

Greetings mozillians,

We are happy to announce that Friday, September 12th, we’re going to hold the Firefox 33.0 Beta 3  Testday. We will be testing the latest Beta build, with focus on the most recent changes and fixes. Detailed instructions on how to get involved can be found in this etherpad.

No previous testing experience is required so feel free to join via #testday IRC channel and our moderators will offer you guidance and answer your questions as you go along.

Join us next Friday and let’s make Firefox better together!

When: September 12, 2014.

Open Policy & AdvocacyA Day of Action to Protect Net Neutrality

Next Wednesday, a number of organizations and tech companies are rallying together for a Day of Action to protect net neutrality. Mozilla is proud to join the effort.

Protecting net neutrality is a top priority for Mozilla. We believe that regardless of who is sending and receiving it, ISPs treating data equally is vital to a healthy, vibrant and open Web. During the Day of Action, we will encourage the Mozilla community to amplify its voice and send a clear message to the U.S. Congress about what is at stake if net neutrality is weakened.

In advance of the Day of Action, we will also host a reddit AMA to raise awareness and understanding of the issue so people can take informed action. Please join us in the AMA on Tuesday, September 9, from 12-1pm PT by visiting https://www.reddit.com/r/IAmA/.

This is a critical time in the evolution of the Web. Decisions about net neutrality will determine whether the Web continues to be a powerful, shared resource for innovation, opportunity and learning. A long-awaited decision from the FCC is imminent, so let’s join together to send a strong message to policy makers: Protect Net Neutrality.

about:communityNourish your community, nourish yourself.

Food is vitally important to nourish the body you live in.    Recognition is how we help feed our communities and nourish them as they make us strong.  Recognition, like food, is for everyone to partake in, and to share.

Used with Creative Commons Liscense

The tools, processes, and systems we use to identify people making contributions in our project vary widely.  It’s a situation created by valuing freedom of systems over efficiency of systems, and that isn’t something that Mozillians are willing to give up.  It makes it very hard to know who to give access and recognition to.   The Community Building team is working long term on this problem.  I’m here to ask you to nourish your community members, on an ongoing basis, by using vouching as a quick and easy way to give meaningful recognition.

The Community Tools team  implemented Mozillians.org as a first step in allowing people to self identify as supporters or contributors to the Mozilla project.   The vouching system is one of the major ways we identify people who make actual contributions to the project. Read more about that here.

Being a vouched Mozillian means something.  It means you can be invited to large events like our Summit .  It means you can get access to internal calls .  It means you are visible to the project, as a Mozillian helping us move forward. It means we trust you.  Let’s make our words reflect that trust.

Since the vouching change was implemented we’ve seen some vouches like:

“ Karl has been around a long time.”

“Cindy makes things.”   

We can do better than that.  That is like skipping breakfast.  You get through it, but nothing nourishing happens.

For example, compare the vouches above, to this:

“Lindsey worked nights and weekends to help the Release Engineering team finish the release on time – it went out on time with much higher quality thanks to her extra effort!”  

Ask yourself:

  • Which one will make Lindsey feel valued?
  • Which one demonstrates the higher level of trust and access that being a vouched Mozillian gives her?

If you want to know more: go to the Vouching page on the wiki to see some additional examples.

We should all see vouching as a form of recognition.  Use it to tell people what they did was meaningful.  Help them understand that the additional access and trust we are giving them comes from the impact of their contribution.  Encourage them to keep contributing by saying thank you.

If that isn’t enough for you, do it because it helps us build the OSS community we need… a community where contribution is valued, regularly, in public.

So here is the request:

1) Create a Mozillians account if you don’t have one.  Talk to three people you know and trust in your regional community– ask them to vouch for your work.  You need to be vouched three times before you can vouch for others.

2) If you have an account and three vouches,  go vouch for others.  Yes, you, even you.  This is a change that our unpaid contributors should drive.  You know your regions, your groups, and your people best.  Take the leadership to recognize them for the impact they are making in their areas.  Take the time to make that mean something in our context.

3) Come back here, and share your story in the comments.

  • How did it feel to vouch?
  • How did it feel to receive a vouch that shared your impact, thanked you, or celebrated your contributions?

And always, keep being awesome!

Air MozillaIntern Presentations

Intern Presentations Artem Sobolev, "Firefox OS phones usually have a little bit of memory, thus it's important to use it frugally. Come and hear how we managed...

Air MozillaA strike against Out-of-Memory

A strike against Out-of-Memory Artem Sobolev, "Firefox OS phones usually have a little bit of memory, thus it's important to use it frugally. Come and hear how we managed...

Air MozillaA story about family

A story about family Alexandru Tifrea, "My summer as a member of the Mozilla family working on multiprocess Firefox."