1. Technology

Pumpkin Carving Halloween Card


HTML5 Design Gallery
Pumpkin Carving Halloween Card

Image submitted for the HTML5 Design Gallery

Screen shot by J Kyrnin courtesy Pumpkin Carving Halloween Card


Here's a fun use of HTML5 CANVAS to create an interactive ecard. You can try it out in the linked preview page or purchase the code for your own website.

It was a lot of fun to carve different faces into the pumpkins and it's all HTML5. I tried it on my iPad and it didn't really work (I could select a pumpkin, but not carve it.) so this ecard isn't perfect yet. Remember that tablet computers like iPads are only gaining in popularity, so forgetting to test your applications in them can be a mistake. But it's still a fun example of what you can do with HTML5.

Be sure to play with this outside of work, as there is sound that starts automatically. It's easy to turn off, but it's there. My office mate asked me what I was doing the minute I flipped to this page.

Have you built an HTML5 site? Or do you know of one that does a great job with HTML5? Submit HTML5 site designs to be featured on this site.

  1. About.com
  2. Technology
  3. Web Design / HTML
  4. Web Design
  5. Inspiration
  6. Design Gallery - Pumpkin Carving Halloween Card

©2014 About.com. All rights reserved.