Tagged in

Html5

theburningmonk.com
theburningmonk.com
the personal blog for Yan Cui
More information
Followers
925
Elsewhere
More, on Medium

Creating a sticky note app with HTML5, CSS3 and Javascript

I saw this tutorial the other day, it’s cool but I fancied taking it a step further and make it useful as an app rather than just a fancy way to show some structured data on the screen. Here’s a list of the features which I…


Having fun with HTML5 — Canvas, part 5

In part 4, I put together the foundations for a mini shooting game, with targets moving on the screen and you can ‘hit’ them by clicking inside the targets, etc. etc. I promised an update to make it feel more like a game, so here it is!


Having fun with HTML5 — Canvas, part 4

Following on from part 3 where we basically made a little app that lets you scribble with HTML5’s canvas element, let us push on and see what else we can achieve with the canvas element.


Having fun with HTML5 — Canvas, part 3

Following on from part 2 where I wrote a simple page with a canvas area where you can scribble, I thought I’d add a couple of new features:

  • ability to show the image as PNG image so user can save it

Having fun with HTML5 — Canvas, part 2

Earlier I explored some of the basic drawing methods available on the 2D context of the new canvas element in HTML5, moving on from there, I’ve put together another quick demo here (see image below) which lets the user scribble inside the canvas element.