Category: JavaScript
-
HTML5 Game Development: Adding Health / Score to Your Game
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”.
-
How to Create a Sticky Notification Bar with jQuery
Create a sticky notification bar with jQuery in this easy tutorial. Perfect for displaying updates, messages & important alerts on your site.
-
How to Build a Cross-Platform Range Slider with jQuery in 5 Minutes
Build a cross-platform range slider with jQuery in 5 minutes! Follow this easy tutorial to create a sleek, interactive slider for your site.
-
Game Development: Creating Sprites
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
Getting Started with 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.
-
JQuery: Drop Down With Easing Effects
In this tutorial, we are going to create a easing effect of drop down menu with JQuery.
-
Useful HTML5 Canvas Frameworks for Beginners
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!
-
Move Objects with Keyboard Arrows on HTML5 Canvas
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!
-
HTML5 Canvas Animation Tutorial: Bouncing Ball Example with JavaScript
Learn how to create smooth HTML5 canvas animations using JavaScript. Follow this bouncing ball example with clear code and live demo.
-
Using Image With HTML Canvas
Welcome to the third part of the ‘HTML5 Canvas for Absolute Beginners’. In this tutorial, we will describe the using of image with canvas. If you haven’t already, be sure to read the previous articles of this series first!