Discover toolness/badgelab Open Source project

Go on an educational Web security adventure!

351

security-adventure

An Elm-based prototype to help designers build accessible color palettes.

335

accessible-color-matrix

A reusable widget for embedding editable p5 sketches in web pages.

323

p5.js-widget

Web X-Ray Goggles provide a simple, easy way for non-technical people to inspect Web pages and learn about how they are put together.

160

webxray

Make Popcorn with just HTML and CSS.

instapoppin

A simple polyfill for cross-origin ajax requests.

postmessage-proxied-xhr

A drop-in replacement for LevelDOWN that writes to a JSON file on disk.

jsondown

Make Test Anything Protocol test runner output nicely readable.

tap-prettify

A simple HTML dashboard for Mozilla's Bugzilla instance.

bugzilla-dashboard

Quickly prototype presentations the same way you prototype HTML pages.

quickpreso

A port of docco to the browser.

brocco

A text-based re-enactment of Boromir's death scene from The Fellowship of the Ring.

boromir

Simple web-based IRC client with integrated bouncer.

steampunk

Jason Rohrer's game "Passage" (2007), ported to the web via Emscripten.

passage-emscripten

C++

csharpbindgen

A Rust library for generating C# bindings from Rust code.

The Parable of The Hackasaurus - an experiment in interactive narrative.

hackasaurus-parable

A very simple mobile-friendly game that teaches CSS selectors.

css-selector-game

Use Etherpad to write and collaborate on HTML, CSS, and JavaScript.

htmlpad

Documentation and materials for Jess Klein and Atul Varma's 2016 Processing Fellowship

friendly-error-fellowship

Minimalist canvas-based turtle graphics in 50 lines of JS.

tiny-turtle

Experimental docker setup to make p5.js + p5js.org development easier.

p5.js-docker

Badge image creation tool for Chicago Summer of Learning.

chicago-badge-studio

Animate the focus ring so keyboard users have an easier time locating it.

animated-focus-ring

Python library and command-line tools for interacting with Bugzilla via Gervase Markham's REST API.

pybugzilla

A Rust implementation of the first project from Tim Hartnell's book "Creating Adventure Games on Your Computer".

werewolves-and-wanderer-rs

Simple webpage that converts MP4 videos to animated GIFs.

mp4-to-gif

Website for Mozilla's Open Badges project.

openbadges.org

A Django auth backend for BrowserID.

django-browserid-auth

Create, publish, and remix love bombs using HTML and CSS.

lovebomb.me

Games/challenges built around the idea of "descrambling" source code via touch/drag-and-drop.

descrambler-games

Collaboratively create an arcade of HTML-5 based minigames with your friends.

minicade

Install and update Firefox Aurora and Nightly on OSX as separate browsers with their own profiles.

alternafox

A simple client-side "simulator" for the Persona login service.

stubbyid

A tutorial on the Document Object Model using Blockly.

blockly-dom-tutorial

Simple conference with Twilio using an Etherpad as a back-channel.

tiny-conference

A simple mobile web app for storing etherpads offline.

all-my-etherpads

A simple code editor for beginners who are visually impaired.

pode

Attempt at building a mobile microgame maker for Minicade.

mobile-microgame-maker

A weird Electron app that downloads videos via a Dockerized youtube-dl container.

electron-youtube-docker-dl

A web-based game to help players learn the history of Manhattan, as told by its streets.

paint-manhattan

Easily spin up experimental project branches in short-lived EC2 instances.

fleeting

A Firefox addon for use with the Mozilla Add-ons Builder (formerly known as FlightDeck).

addons-builder-helper

Proof of concept of open badges as an HTML microformat.

badge-microformat-fun

CSS

jetpack-e10s

Jetpack + Electrolysis Integration Package (out-of-process Jetpack)

Just some experimentation with web audio synthesis.

web-audio-synth

Prototype for an SVG-based badge maker.

badgemaker-prototype

Attempting to build a Unity native plugin for Pathfinder's Canvas API.

pathfinder-unity-fun

A tiny JSON bin for every Twitter user, usable anywhere on the Web.

twitblob

Prototype to teach journalists the basics of HTML/CSS.

storything

Prototype tutorial and code challenge for Mozilla's Webmaking 101 initiatives

webmaking-tutorial-prototype

A futile, hackneyed attempt at simple live screen-casting for OS X.

simple-live-screen-casting

hackasaurus-puppet-data

An attempt to concisely define the server configuration for Hackasaurus sites.

A simple tool to perform analysis of Texas Hold 'Em games.

texas-hold-em-buddy

A scraper to convert NYC's 421a excel workbooks into a single massive CSV file.

nyc-421a-xls

Static, offline-capable version of Massimo Vignelli's 2011 NYC subway map.

vignelli-mta-map

Experiments with algorithms and stuff.

algorithm-fun

Gather round the kitchen with friends and play.

kitchen-party

A MOO server exposed through a Web interface with a Parchment-like look and feel.

moo-web

openbadges-site-prototype

Prototype site for openbadges.org, using a wiki as a back-end content store.

Prototype for editing non-trivial localization content using Blockly.

blockly-l10n-editor

Submit Web Literacy Map resources via a bookmarklet.

weblitmapper

A simple throttling HTTP proxy for node.js.

throxode

Simple prototype of a Jetpack code reviewer dashboard

reviewer-dashboard

Reasonably simple syncing for remote HTML presentations.

hashsync

A prototype Firefox add-on that helps you debug a Web page's memory usage.

memory-profiler

Simple webdriver/saucelabs CI for static HTML5 projects.

simplesauce

Prototype to convert Mozilla project-wide meeting wiki page into a slideshow.

weekly-meeting-slideshow

Dockerized development environment for the U.S. Web Design Standards and their docs.

docker-uswds

A simple tool for building fully static, internationalized websites. Upgrades to Playdoh.

teenydoh

A community quilt for MozCamp.

mozcamp-quilt

Pathetic attempt at my first node.js app.

nodepad

HTML5 presentation for the ¿Más Bebés? documentary created during the Mozilla+ITVS Popcorn sprint.

mas-bebe-itvs-sprint

Information in moderation: stay informed about what your friends and colleagues are writing about without being overwhelmed.

daily-edition

RSS podcast feeds sourced from Google spreadsheets.

podsheets

Add-on that enables sharing of Hackasaurus hacks.

hackasaurus-sharing-addon

Prototype for a Hack Battle at the Mozilla Festival 2011

hack-battle-prototype

Issue Open Badges as static files from the command-line.

badgepad

Initial attempt at implementing Webmaker Learning front-page.

mozilla-learning-html

HTML

pakreport-jetpack

A Jetpack to make it easier to do CrisisCamp-related stuff on the web.

Hilariously lightweight DevOps substitute for experimental projects.

loldevops

Run a PhantomJS WebDriver server in a separate process.

phantom-wd-runner

A TypeScript-based interview flow experiment for JustFix.nyc.

justfix-interview-ts-fun

A TextMate bundle for Mozilla's Add-on SDK.

addon-sdk-textmate-bundle

geomancer

Very basic node-powered app to track the location of friends.

A tool designed to facilitate learning how web servers and the HTTP protocol work.

placedkitten

Simple web page that allows printing of Hackasaurus hacks.

hackasaurus-print

Choose Our Own Adventure: a web-based microframework that makes it possible to collaboratively author and play hypertext narratives.

cooa

Dialog for the X-Ray Goggles remix functionality.

mix-master-dialog

An exploration into updating NYC-DB faster with Rust.

rust-nycdb-csv-fun

Ridiculously simple planet-style feed aggregator.

planet-badges

An exploration of delay and rollback-based netcode in a simulated network environment.

netcode-fun

Easily read/write custom textual data to/from PNG files in the browser.

png-baker.js

Experimental needs-based AI

top-hat

An extension to test out assumptions about Firefox bug 616472, "Unify sizes of toolbarbutton images to make life easier for extensions"

bug-616472-extension

github-l10n-fun

Attempting to do L10n through GitHub.

Express middleware for creating BrowserID-authenticated, CORS-enabled REST APIs.

browserid-cors

Exploring 6502 assembly with the Apple II.

apple-6502-fun

Assembly

css-ribbonate

Make "Fork me on GitHub"-style ribbons using plain ol' HTML. Also includes a "Remix Me on Webmaker" ribbon with extra functionality for Thimble.

One simple Meteor-based solution to the problem of constantly crashing etherpads.

100

ethercoaster