Teaching Kit

Lo-Fi, No-Fi! Teaching Kit

How can we empower educators to teach the web in settings where connectivity isn't guaranteed? This Teaching Kit, codesigned with communities around the world, features a series of remixable, modular group activities that explore the Web Literacy Map using creative methods and lo-fi materials.

Facilitated by Kat Braybrooke, Karen Smith, Julia Vallera, Jess Klein and Chad Sansing.


This project has been designed to support mentors who want to teach the web offline or where access to digital devices is limited. Because each of the activities outlined here are modular and remixable, they are flexible enough to stand alone so that you can mix and match depending on your environmental and social needs.

This kit emphasizes learning which is both lo-fi and no-fi. Let's talk a bit about what that means.

Lo-fi webmaking

By lo-fi we mean low fidelity. Low fidelity is a term used by web designers who create prototypes of their designs using materials like paper and sticky notes. Paper is low-fidelity itself when compared to the pixels and bits of data or a digital prototype. By lo-fi, we also recognize that there are teaching environments that have some connectivity (i.e., one computer online), but not much.

No-fi webmaking

Another important place for this work relates to sessions facilitated in environments entirely without internet access. No-fi or limited connectivity situations exist for a variety of reasons including lack of devices, lack of bandwidth, or outdoor settings that are not connected. If you are in a no-fi environment, there are many activities that you can use to teach web literacy from games to low fidelity materials to devices in offline modes.


This kit is organized with 3 categories of activities that you can mix and match for your event.

Lo-fi games and simulations

  1. Catch a network signal! Activity (Author: Team Mesh)
  2. Web mechanics speed dating (Author: Julia Vallera)
  3. A beginner's guide to creative game makery (Author: Chloe Varelidi)
  4. Thimble tag puzzle activity (Author: Digital Corps)
  5. Use puzzles to teach HTML (Author: Ginger Coons)
  6. Create Your own games, summer edition (Author: Chloe Varelidi)
  7. A strong wind blows for the open web icebreaker (Author: Laura Hilliger)

No-fi and paper-based activities

  1. HTML puzzle box (Author: Sophie Kay, Open Science Training Initiative)
  2. HTML puzzle box (Author: Yofie Setiawan, Mozilla Indonesia)
  3. Teaching the whole child, even the digital bits (Author: Jeannie Crowley)
  4. Prototyping with a teaching kit design canvas [English] and Prototipando kits de enseƱanza con lienzos dibujos y bocetos en pape [Spanish] (Authors: Kat Braybrooke, Alvar Maciel)
  5. Working with games in the wild (Author: Chloe Varelidi)
  6. Code thief cards to teach Javascript offline (Author: Chad Sansing)
  7. Web Literacy offline bingo (Author: Karen Smith)
  8. Code castles to teach HTML (Author: Chad Sansing)

Getting creative with limited connectivity and devices

  1. Report your own story (Author: Radio Rookies)
  2. The Mobile design ideation Kit (Author: Jess Klein)
  3. Create lo-fi Webmaker clubs in schools with Kidzilla (Author: Sathyabama Firefox Club)
  4. Out in the field, exploring the city (Authors: Andi Argast, Michelle Gay)
  5. Hack your notebook teaching kit (Authors: Jen Dick, Jie Qi, David Cole and Chad Sansing)

Assessment and review

You can get an idea of whether your learners have gained from this session based on their knowledge of the following skills (in progress):

  • Demonstrate knowledge gained through hands-on activities, games or discussion
  • Work collaboratively and openly with others to complete activities or tasks
  • Use creative methods to build technological skills in novel and unexpected ways