Superhero Masks Project

Use HTML and CSS pixel art to create their favorite superhero masks.

Play Now

All Activities

Activity Details

Use HTML and CSS pixel art to create your favorite superhero masks. Publish and share your creations!

Teacher Notes

Students will use HTML and CSS pixel art to create their favorite superhero masks. When they're done with this project, encourage them to create other pixel art.

Teacher Guide

Standards

CCSS-ELA: RI.6.7, SL.6.1, SL.7.1, SL.8.1
CCSS-Math: MP.1
CSTA: 2-AP-11, 2-AP-15, 2-AP-16, 2-AP-17
CS CA: 6-8.AP.9, 6-8.AP.11, 6-8.AP.12, 6-8.AP.16, 6-8.AP.17
ISTE: 1.c, 1.d, 5.d, 6.b, 7.c

Get Started in 5 Minutes

50+ tutorials for Grade K-12
Progress tracking (needs classroom setup)
Student metrics & certificates (needs classroom setup)
Lesson guides & answer keys
Marketing materials

Set Up Your Classroom

Grades	6+
Programming language	HTML/CSS
Experience	Advanced
Activity type	DIY Project
Length	60 mins
Runs on: Chrome (29+), Firefox (30+), Safari (7+), or Edge (20+) browser