The common way to display an image on a web page is showing image files by using <img src=”blabla.jpg”> tag. But the problem is image files are not good enough if you scale up the web page, you will see the pixels. It’s time to...

Hello again! I’ve created a simple JavaScript program that can encrypt and decrypt basic texts. Watch this: And of course, this is the source code:

Hi, This is a short tutorial about creating simple menu system that if you click a menu item, it will show a div and hide another divs. With using this system you can make a single page web app nicely. Watch the video here:

Let’s say we have a huge data in an HTML table. Now we need to export it as an Excel file. What to do? Basically, we can select entire table, copy and paste it into a blank Excel document. Or, if we code it in...

In this video tutorial I will show you how you can create and send an HTML email from Gmail. Here is the source of this HTML email:

In this example, I have a bunch of city names as an array variable in JavaScript. Then I want to make a list of links for all the city names. Here I do it using jQuery: <div id=”kotas”></div> <script> var kotas = [ “Banda Aceh”,...

Generating random numbers is a common thing in programming. Here is some examples in JavaScript: //Basic Random Math.random(); //From 0 to specific number Math.random() * 10; //Removing decimals Math.floor(Math.random() * 10); //Random between 5 and 10 Math.floor(Math.random() * 5) + 5; //Random between 5 and...

Imagine if we have some divs, and we want to show them one by one like a gallery, by providing users two buttons to navigate to previous or next div. How do we code it? In this tutorial I’ll share how I do it by...

In this post I’m going to share a JavaScript function, if you call it (and assign some number as length of randomized text you want), it will return random text.

Sometimes we ask our users to type in something and we only accept alphabet numbers and/or letters, so they should not type something like #$%!@$&%(…

We can make an interesting search input by styling it with css, by adding search icon like what we see in this image:

I had a project to create table of contents of huge text files with .html format, it was thousands. Then I’ve developed a JavaScript Table of Contents generator that detect some text to be included as TOC.

In case we have a div element with fixed width, for example 100 pixels, and we only want to show an excerpt of text instead showing full text, let’s use this simple css trick.

I’ve created a kind of level and tile editor for making games with Phaser. Please watch my video tutorial about how to use it here:

Phaser is a really good JavaScript library for creating games that you can play it in web browsers. In this post I’ll share basic stuffs how to use Phaser.

Somebody asked me how to do an encryption just like if we type “a” it should return “d” (3 letters after “a” position).

In this post I’m going to share a source code for performing quick search functionality using jQuery.

With HTML5’s Canvas we can draw nice graphics. But how we can save it as an image? Of course we can right click on the canvas and download that image. But here I’m going to share a script to download it programmatically by a clicking...

By calling .toggle() or .fadeToggle() with jQuery we can toggle visibility of an element easily.