HTML5 Whiteboard Magnets

Last Friday I posted a photo of these magnetic HTML5 elements from part of our homeschool curriculum, and several of you expressed interest in knowing how I made them.

It's pretty simple: magnetic sheets that are compatible with any inkjet printer. I've used Avery magnet sheets satisfactorily for similar projects. For this project, however, I used Office Depot magnet sheets. They have a glossy finish, whereas the Avery ones have a matte finish. Comparing the two, the ink seems to be more durable with the glossy finish.

We're lucky enough to have a really big whiteboard (like 8' x 4' big) in our school room, which provides plenty of space for hands-on HTML5 instruction, in addition to writing actual markup. I'm sure the magnets would work just fine on a smaller whiteboard or printed at smaller sizes.

If you'd like to download my .ai files, have at it. Add your own elements as needed. After all, wouldn't the web would be a much better place if we all taught our children the fundamentals of good markup?

Download html5-magnets.ai