HTML5

10 performance optimization tips I learned after rebuilding two course landing pages

I recently rebuilt the landing page for both AppSync Masterclass and Production-Ready Serverless. The sites were hosted on Shifter (think serverless WordPress) and Wix respectively. In both cases, the performance of the sites (especially on mobile) left a lot to be desired. A large portion of the user traffics to these sites comes from mobile. …

10 performance optimization tips I learned after rebuilding two course landing pages Read More »

Echo websocket server using websocketd – as if by magic!

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 »

Having fun with HTML5 – Simple painting app using Canvas

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 »

Test your maths skills at the MathDOJO!

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 …

Test your maths skills at the MathDOJO! Read More »

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 wanted to add: being able to edit the title …

Creating a sticky note app with HTML5, CSS3 and Javascript Read More »

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. HTML The HTML for the page is simple enough, the key …

Having fun with HTML5 – Canvas, part 2 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.

Close