Get Started in 5 Minutes
SIGN UP TODAY

Superhero Masks Project

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

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, HTML/CSS
Experience Advanced
Activity type DIY Project
Length 60 mins
Runs on: Chrome (29+), Firefox (30+), Safari (7+), or Edge (20+) browser

More Hour of Code Activities