March 28, 2012

Coffee Machines And Community

The Toronto and San Francisco Mozilla offices each feature very different coffee makers. The Toronto office has a Rancilio Epoca espresso machine. It has lots of knobs and switches, and one has to be taught how to use it. When one learns, the first few drinks they make are likely to taste very bad; a conscious effort must be made to learn from one’s mistakes and create better drinks. ... Read more

March 26, 2012

Storything Interactive Prototype

Last week I merged the Webmaking Tutorial Prototype with the Webmaking 101 for Journalists prototype we made during our three day sprint in NYC in February. The result, which is code-named Storything, is currently hosted at Give it a try! The design for this prototype is based on Jess Klein’s instructional overlay mockups. A separate two-pane editor for example snippets is included in the movie frame; my hope here is that by setting the tutorial movies in an actual editing environment, users will obtain a better understanding of how to use our tool. ... Read more

March 9, 2012

Webmaker Tutorial Prototyping

Recently I’ve been playing around with creating interactive tutorials that teach people how to create things on the Web. Check out this prototype. At the end of a movie-like tutorial, you’ll be given a challenge to write your first bit of HTML. At any time, you can use the scrubber at the bottom-right to review any part of the tutorial; anything you’ve typed so far in the challenge is undone while you’re scrubbing, and is automatically re-applied once you’re back at the challenge. ... Read more

November 30, 2011

Achievement and Playfulness

Michelle Levesque is tearin’ it up with her rapid pace of blogging and it’s inspiring me to blog more myself. Yesterday in her post Things I Have Done, she ruminated on different kinds of categories for achievement badges. I personally have conflicted feelings about badges, and sympathize with something Jessica Klein mentioned in a blog post a few months ago: My colleague Jack Martin and I participated in this local learning incubator where we told a story with twitter. ... Read more

November 29, 2011

Playfulness and Learning

Michelle Levesque recently wrote a post about the importance of play in learning. We need to change people's mindsets to make them comfortable fooling around, making things, breaking things, and playing on the web. I totally agree. This is one of the design goals of the Hackasaurus tools and events, actually—it’s a combination of stylistic touches and emotional design to help people feel that what they’re doing is fun, along with humane functionality that makes experimentation easier, such as infinite undoability. ... Read more

August 15, 2011

Hacking The Web With Interactive Stories

I recently made The Parable of The Hackasaurus, which is a game-like attempt to make web-hacking easy to learn through a series of simple puzzles in the context of a story. The parable is really more of a proof-of-concept that combines a bunch of different ideas than an actual attempt at interactive narrative, though. The puzzles don’t actually have anything to do with the story, for instance. But I wanted an excuse to do something fun with the vibrant art that Jessica Klein has made for the project, while also exploring possibilities for the Hack This Game sprint and giving self-directed learners a path to understanding how the Hackasaurus tools work. ... Read more

August 8, 2011

The Decline and Fall of The URL

The URL is a very powerful concept; it represents a universal way to access any resource anywhere in the world. Here’s one of them, as it appears in Firefox 5’s address bar: The first few letters before the colon are called the protocol, which tells the computer how to interpret the rest of the URL. The http protocol is the most common and specifies a resource on the World Wide Web, while the tel protocol specifies a telephone number, and https specifies a resource on the Web transferred over a secure channel that can’t be eavesdropped. ... Read more

July 7, 2011


I’ve been reading Eli Pariser’s book The Filter Bubble and was fascinated by his description of how data collection companies operate. Independently of that, David Ascher suggested that I add a feature to the Hackasaurus goggles which helps learners understand how cookies and tracking works. I actually didn’t know a lot about tracking myself, so I whipped up a Firefox add-on called Collusion to help me visualize it better. The results were a little unsettling. ... Read more

June 25, 2011

Moving At Internet Speed

In his book Program or be Programmed, Douglas Rushkoff writes: For most of us, the announcement of the next great "iThing" provokes not eagerness but anxiety: Is this something else we will have to pay for and learn to use? Do we even have a choice? At Mozilla, we talk a lot about user choice, but one choice we have a hard time giving our users is whether to upgrade to the latest version of our software. ... Read more

June 23, 2011

The Challenges of Developing Offline Web Apps

As I mentioned at the end of my last post, there's a lot of usability problems that make writing an offline web app difficult. When writing a "native" client-side app using technologies like Microsoft .NET or Apple's Cocoa framework, it's assumed that everything your program is doing, and everything it needs, is already installed on the local device. Anything not on the local device needs to be explicitly fetched over the network. ... Read more

© Atul Varma 2017