Category: HTML5, CSS & JavaScript

Here in these series of video tutorials I explained how to use HTML5 Canvas to draw graphics. This tutorial is started from basics.

If you have a sprite image (image sequences that merged into one file) and you want to play it in your website, you can use this script.

I’ve created simple JavaScript & HTML5 morse application. With this application you can enter a text then convert it into morse codes (dots and dashes) and vice versa.

If you want to call a function after a specific amount of time, just like using a timer, you can call setTimeout() or setInterval() function.

In this video tutorial I will show you how to create a simple Encryption and Decryption engine in JavaScript.

Simple JavaScript alert that you usually call like this alert(“Hai!”); may be little bit boring. So here come an idea to create custom alert that you can style it as you wish.

This idea comes to my head to create a simple search engine without any database and server side script. In this tutorial (well, I didn’t really mean tutorial, I just want to share my script) I tried to use only HTML5 and JavaScript to make this search engine.

When we create a variable in JavaScript with string value, in fact this variable contains arrays, each string character inside one array element.

In this tutorial I want to show you how to retrieve currency exchange rate quote from Yahoo Finance using JavaScript.

Basically, JavaScript can not read and write a file. But it should be clearer: JavaScript can not read and write a file “on server”. What about on client side? Yes, JavaScript can read and write file on client side.

Here is JavaScript & HTML source code to show you how to make expandable and collapsible menu list.

Thanks to localStorage. Saving, retrieving and removing temporary data is very easy. To save data, we call this function: localStorage.setItem(); To retrieve data, we call localStorage.getItem(); and to remove it we call localStorage.removeItem();.

This is simple script will convert any raw number into string format with thousand separator. It is useful if you want to show a currency formatted number. Remember, converted value is string, not number.

We can create a single variable that contains string data, which this string data holds several data separated by comma. For example, I create this string: “Andy,New York,28,Journalist”. This single string contains 4 data separated by comma. Now the problem is how to extract this 4 data from it?

In this YouTube playlist we share some video tutorials for you to learn HTML5 easily.

By watching videos in this playlist you can learn JavaScript easily. We show step by step example in our tutorials. We will add next videos in this playlist regularly by the time.

If we have two variables A and B, and the both of their values is time, how do we measure the distance between those variables?

Sometime you want to create HTML5 with specific dimension, and then you make browser zooms on it to full screen.

You know HTML pages is static. We can create dynamic website by mixing HTML and another language, such as PHP.

In this video I will show how simple is to make JavaScript toggle button to hide or show an element on HTML document.