Spreading Holiday Cheer – 2011 HTML5 Advent(ure) Calendars

Last year, we had a ton of fun developing our HTML5 Advent(ure) Calendar. It gave us a chance to review, demo, play and test out some of the best HTML5 projects and games on the web. We also met some great people in the process.

If you never had the chance to check out the work, here’s a peek:

 

HTML5 Advent(ure) Calendar

The calendar got some great feedback and even inquiries from folks who wanted to make calendars of their own, so this yea we released the source code.  It’s free to use however you wish, but please link back to us for attribution.

We wanted to share some of the cool calendars that people have created using the source that showcase art, gift ideas, and even pets up for adoption. Great calendars to spread the holiday cheer! check them out:

Battersea Dogs & Cats Home Advent Calendar:

 

Battersea Dogs & Cats Home - A pet per day!

Advent Noir – 24 Classic Black & White Winter Memories

HTML5 Snow, too!

Advent Noir - 24 Classic Black & White Memories

Schlagerfiasko’s 24 days of Christmas

Schlagerfiasko's 24 days of Christmas

Der Androgon Adventskalender 2011

Der Androgon Adventskalender 2011

Great job all! We also saw a neat Mozilla Developers Network Advent this year by Chris Heilmann and team. Have you seen any other HTML5 advent calendars in the wild?  Please share – we’d love to see and share them!

Happy Holidays from ZingChart!

 

This entry was posted in Miscellaneous. Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.
  • CromCom

    Does this Calendar work by days/date? So in December on the 3rd you can only open days 1 to 3 and nothing else in the future?

  • http://www.facebook.com/profile.php?id=56601932 Mike Bruns

    What needs to be modified in the common.js file to make this calendar work for 2012? I don’t see any year variable.

  • Talha Fazlani

    In the commons.js file, you can set the date to open a specific number of days.

  • http://www.facebook.com/jongilbert Jon Gilbert

    I too would like to know how to make this work for other years (ie 2013).
    I trawled through the code so many times and just kind find the variable.