Category: JavaScript
-
How To Add Touch Event To Your JQuery UI?
Currently, there is a hack called “jQuery UI Touch Punch” that enables the use of touch events on mobile web project using jQuery UI Library.
-
How To Create A Beautiful Slide Out Navigation Within A Minute!
Today lesson is to demonstrate to you on how to create a beautiful slide out navigation with CSS and JQuery.
-
Create Impressive Web Animated Presentation Slides Within 10 Minutes
How are you going to create an impressive animated presentation slides without spending a single cent on animation authoring software? The answer is JavaScript! With the help of – “Impress.js” – an open source library that allow you to create impressive animated slides using purely CSS3’s transition and transform property.
-
HTML5 Game Development: Adding Sound Effects
Welcome to the 4th tutorial of ‘HTML5 Canvas Game Development’! We will learn to add sound effects to your game using HTML5.
-
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.