HTML 5 Is Cool
11 March 2013
Here’s a couple of the apps that I implemented during that time that I’m pretty happy with and now I have a chance to show off. Both are 100% client side, maximise your browser window for best effect. Enjoy!
Like the old Nokia game that we’ve all played at some point. Hit the M key to turn the music off if that’s not your thing.
- Canvas element
- Web Audio API
- Main loop uses jQuery timer
Click on the palette to create a new note, double click to edit & drag a note to the trash bin to delete it.
- HTML5 Local Storage and jQuery JSON for persistence
- CSS3 transforms & box shadows to jazz up the realism a little
- Draggables & Dialog boxes use jQuery UI
This one’s pretty simple but there’s also a version that supports collaborative editing by talking to a Python listen server that mediates between clients.
comments powered by Disqus