I stumbled across this little gem the other day – websocketd – which turns anything that takes standard-in and standard-out into a websocket server! To build a dead simple echo server, follow these steps: follow the download instructions here (don’t forget to add it to your PATH) create a new console application in Visual Studio …
Echo websocket server using websocketd – as if by magic! Read More »
It feels like a little while since I last played around with the <canvas> element, so I spent some time over the weekend and put together a simple painting app using the canvas and here is the end result. Here’s some screenshots: Spray Tool One of the interesting things with this simple painting app …
Having fun with HTML5 – Simple painting app using Canvas Read More »
Another productive weekend bares fruit for another mini game! This time I’ve put together a dojo-themed mini game whose sole purpose is to test your ability to do simple (well, mostly) arithmetic calculations in your head and your tolerance for my sense of humour (which is not so bad I hope ;-) ). Screenshots Here’s …
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 wanted to add: being able to edit the title …
Creating a sticky note app with HTML5, CSS3 and Javascript Read More »
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! Adding a background The black background was more …
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. The logical next step would be to made animations, and give you a way to interact with the animation. So …
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 change the line cap change the line join change the shadow settings (colour, offset, …
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. HTML The HTML for the page is simple enough, the key …
One of the cool new features introduced by HTML5 is the new <canvas> tag, which defines an area for you to draw graphics on using javascript. Basics To create a canvas element is as easy as inserting a <canvas> tag like this: Typically you will give it an ID as you will need to look …
As I go through the HTML5 spec, I find some useful new feature just about everywhere, and the new contenteditable attribute is certainly one of those. It’s supported by most elements and provides a simple and yet effective way for you to allow the users to edit user contents (blog posts for instance) inline as …
Having fun with HTML5 – contenteditable attribute Read More »
By continuing to use the site, you agree to the use of cookies. more information
The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.