Tools for teaching webmaking

The Hacktivity Kit

Step by step instructions for running your own hack jam. This includes printables, sample lesson plans, assessment rubrics and cheat sheets. You'll learn how to:

  • prepare for a hack jam
  • choose a theme and set learning goals
  • design a lesson plan
  • a 101 guide to HTML
  • set up for success
  • work in teams and co-build

...and more!


Hackasaurus Slides

An HTML5 remixable slide show. You will learn:

  • what we mean when we say hack
  • what makes the web unique
  • how to install the X-Ray Goggles
  • how to make your first hack
Play Slide Show

I.T. Checklist

  • stable internet connection
  • laptops or PC's for participants
  • most up-to-date version of Firefox, Opera, Chrome or Safari browsers
  • X-Ray Goggles bookmarklets installed
  • projector set up for participation

For a more detailed checklist, download the PDF below.

Download PDF

X-Ray Goggles Cheat Sheet

A quick reference printable for the X-Ray Goggles tool, highlighted hot keys:

  • R - remix an element
  • I - inspect an element
  • P - publish your hack
  • ESC - deactivate the goggles
  • ◀ - Undo
  • ▶ - Redo
  • ▲ - Ascend to parent element
  • ▼ - Descend from parent element
  • Delete/Backspace - delete an element
Download PDF