April 26, 2012

Learning and Grammatical Forgiveness

HTML is a very interesting machine language because, like human languages, most things that interpret it are very forgiving.

For instance, did you know that the following HTML is technically invalid?

<video>
  <source src="movie.mp4"></source>
</video>

... Read more

March 31, 2012

Prototyping Presentations

Presentations take a long time to make. Particularly when I’m just conceptualizing my presentation, it takes a lot of work to record myself talking, use a tool to sync it with the proper visuals, and then repeat the recording and syncing process as I iterate on the content. I recently made a simple tool called Quickpreso to make the process of “prototyping” a presentation quicker, and more like writing a simple HTML page. ... Read more

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 storything.toolness.org. 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

February 11, 2012

The Role of Performance in Online Life

In Sherry Turkle’s Alone Together, the author writes: Brad says, only half jokingly, that he worries about getting "confused" between what he "composes" for his online life and who he "really" is. Not yet confirmed in his identity, it makes him anxious to post things about himself that he doesn't really know are true. It burdens him that the things he says online affect how people treat him in the real. ... 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

© Atul Varma 2017