JavaScript Tutorials

Welcome to the 2nd tutorial of ‘HTML5 Canvas Game Development’! We will continue using the previous coding in this tutorial, and you will learn the technique of building a simple “bubble breaker” for PC users and touch devices users.

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.

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

In this tutorial, we are going to teach you, the most easiest way to develop a sticky notification bar with JQuery. Such notification bar can be used to notify your user for latest updates, feedback message and etc.

A Hovercard jQuery plugin that enables you to display related information with the hovered label, link, or any html element of your choice.

Impress.js is a presentation framework which uses all the new features of CSS3 transforms and CSS transitions to create unique presentations. In this tutorial you will learn how you don’t need to use the old powerpoint presentation software now we have Impress.js.

The reason it will convert the select box to a div and list is because now it is easy to style these how ever you want. With normal select boxes you can style the top selected option but you can't easily style the dropdown options or the select style. When these are list items you can apply a CSS class to the selected item and change the style

Welcome to the 4th tutorial of ‘HTML5 Canvas Game Development’! We will learn to add sound effects to your game using HTML5. Sound, one of the key element for building successful game. A successful game, not only requires high quality of graphics and attractive story line, it also requires sound effects to impress the players. Adding sound effects to your game is not only can enhance its entertainment value, it also contribute to the game’s overall cachet of quality.

Welcome to the 3rd tutorial of ‘HTML5 Canvas Game Development’! We will continue using the previous coding in this tutorial, and you will learn to add health or score of HUD(heads-up display) to your HTML5 Canvas game – “bubble breaker”.

It is time we go through our monthly roundup of the most popular jQuery plugins of March 2012, you will definitely want to try these.