Digital Christmas card for my colleagues, built with HTML5, CSS3 and JS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
images
js
media
README
index.html

README

*** MERRY CHRISTMAS FROM PETER ***

The last couple of years I have made Christmas cards for my colleagues at the Telegraph and Pearson. This is the README specifically for the 2011 version for Pearson.


* BROWSER SUPPORT

Unfortunately it's only currently supported in Chrome and Safari (i.e. Webkit) because, as of the time of writing, only Webkit has support for CSS3 3D transforms right now. Firefox should get support in the near future, so I hope to support it for 2012's card!

It kind of works in iOS Safari (iPhone, iPad). It's best to add it to your home screen and load as a full-screen app. Unfortunately, there's an annoyingly long delay in switching from the card opening from 0 to 90 degress, and then from 90 to 180 degrees. Even worse, it now seems to popup with the message 'The operation could not be completed'. Not through the simulator, but on my real iPad... anyone have any ideas why?


* SOURCE CODE

Everything is available in GitHub. Please see the over-arching project for more details:

https://github.com/poshaughnessy/Merry-Christmas-From-Peter


* ATTRIBUTIONS & THANK YOUS

I have lifted things from lots of different sources to make these Christmas cards - thank you to everyone whose resources I've used!

Roman Cortes and Andrew Wooldridge - for the 3D canvas-based Christmas tree
http://www.romancortes.com/blog/how-i-did-the-1kb-christmas-tree/
http://andrewwooldridge.com/blog/2011/12/19/canvas-based-3d-christmas-tree/

Flickr's 'Robo Android' - for the image of the gift/present
http://www.flickr.com/photos/49140926@N07/

Seb Lee-Delisle and mr. doob - for the snowflake effect
See: http://sebleedelisle.com/2010/11/javascript-html5-canvas-snow-in-3d/

'Instrumental Christmas Music, On Hold Loops, Ringtones, Comedy Ringtone' - for the Jingle Bells theme
Obtained from Amazon at: http://www.amazon.co.uk/gp/product/B004ATZEKS/


Thank you! Please get in touch about anything at peter.oshaughnessy at gmail dot com.