Game Development: Mouse and Touch Event Detection

Game Development: Mouse and Touch Event Detection

Welcome to the first tutorial of ‘HTML5 Canvas Game Development’! In this tutorial, you will learn the technique of detecting mouse and touch events for building a game for PC users and touch devices users.


Continue reading on Game Development: Mouse and Touch Event Detection

Create Thumbnail Preview of Images Using HTML5 API

Create Thumbnail Preview of Images Using HTML5 API

Now, with the help of HTML5, web developer can create thumbnail preview of images that a user may wish to upload to remote server.


Continue reading on Create Thumbnail Preview of Images Using HTML5 API

Most Easiest & Simplest Way to Create a Game Using HTML5 Canvas

Most Easiest & Simplest Way to Create a Game Using HTML5 Canvas

In this tutorial, we are going to create a squash game using HTML5 technology – Canvas. If you are new to canvas, please be sure to read the “HTML5 Canvas For Absolute Beginners – Part 1” before you proceed.


Continue reading on Most Easiest & Simplest Way to Create a Game Using HTML5 Canvas

Web Calculator Powered by Web Worker

Web Calculator Powered by Web Worker

In this tutorial, we are going to create a simple web calculator with the function of ‘Add’, ‘Deduct’, ‘Multiply’ and ‘Divide’ function.


Continue reading on Web Calculator Powered by Web Worker

Say Hello to HTML5 Web Worker

Say Hello to HTML5 Web Worker

Have you ever been to a website that didn’t respond to your click and froze or crashed your browser? The cause most likely JavaScript, especially those site with JavaScript-heavy. In order to speed up your JavaScript processing time, there are several ways to optimize your JavaScript, such as with the help of Web Worker.


Continue reading on Say Hello to HTML5 Web Worker

HTML5 Progress Bar

HTML5 Progress Bar

In this tutorial, we will introduce the basic usage of <progress> and used in conjunction with JavaScript to display the progress of a task or process as it is underway.


Continue reading on HTML5 Progress Bar

JQuery: Drop Down With Easing Effects

JQuery: Drop Down With Easing Effects

In this tutorial, we are going to create a easing effect of drop down menu with JQuery.


Continue reading on JQuery: Drop Down With Easing Effects

HTML5 Canvas For Absolute Beginners – Part 6

HTML5 Canvas For Absolute Beginners – Part 6

Welcome to the last part of the ‘HTML5 Canvas for Absolute Beginners’. In this article, we are going to show you some of the useful framework of HTML5 canvas. If you haven’t already, be sure to read the previous articles of this series first!


Continue reading on HTML5 Canvas For Absolute Beginners – Part 6

HTML5 Canvas For Absolute Beginners – Part 5

HTML5 Canvas For Absolute Beginners – Part 5

Welcome to the part 5 of the ‘HTML5 Canvas for Absolute Beginners’. In this tutorial, we will describe the keyboard events in canvas. If you haven’t already, be sure to read the previous articles of this series first!


Continue reading on HTML5 Canvas For Absolute Beginners – Part 5

HTML5 Canvas For Absolute Beginners – Part 4

HTML5 Canvas For Absolute Beginners – Part 4

Welcome to the fourth part of the ‘HTML5 Canvas for Absolute Beginners’. In this tutorial, we will describe the animation in canvas. If you haven’t already, be sure to read the previous articles of this series first!


Continue reading on HTML5 Canvas For Absolute Beginners – Part 4

Android, iOS Development Tutorials