Category: HTML5, CSS & JavaScript

Sometimes we are so selfish enough that we feel disabling right click functionality on our website is necessary, although there are many users that will find a way to keep stealing our contents. This is a simple script to prevent context menu being displayed (to prevent right click) on our website:

What I’m going to share below is an HTML5 based multiple answers quiz web app and also it’s quiz generator. You can use the generator included in this source code to input your questions and answers including the correct answer. Then you can copy the generated JSON code and paste it on a quiz definition…

There are two good JavaScript libraries to generate QR Code and Bar Code, I combined both libraries to make a web app that able to generate both QR and Bar Codes in single app. Check out this demo page here: https://webapps.ciihuy.com/qrbarcodegenerator/ Simply type some short text or numbers or a url then click generate to…

HowlerJS is a nice JavaScript library for handling audio files with JavaScript. In this blog post I’m going to share a test project that I’ve done, it is an Mp3 player web program using HowlerJS. This player has all the basic UI requirements such as a seek bar, play, pause, next and prev button and…

This is a very basic Phaser game example. If you want to learn phaser game development, you can try from simple things like this. There is a cat, initially it is happy. But there is an indicator that decreases time by time. By clicking the cat’s face, the indicator increases accordingly. If the indicator is…

An Open Source HTML5 Crossword Puzzle Game based on Crossword.js that you can use it for your project, just change the word list in ttss.js file. You can randomize words to play with, toggle to show or hide correct answers, and more. This HTML5 puzzle game / web app is designed to be viewed from…

An example of using TurnJS library to create a flip book web app. Book pages are jpg images stored in a folder, then loaded up into this flip book nicely. Let’s say you want to make your own flip book? Convert your book pages into individual jpg images, rename them accordingly from 1 to any…

Open Source HTML5 canvas based reflexology and massage area for feet and hands available in English and Bahasa Indonesia. On the top right panel of this web app you can see 4 buttons: 1. Search Tap to find any part of your body and tap the result, then you will see massage point related to…

Free HTML5 and JavaScript colors and numbers phone game based on HTML5 canvas. Click any number on this flip phone to play it’s audio, and click the colors to change the phone’s color. Get the source code here:

2D Top Down Alien Ships Shooting Game Free top down alien ships shooting game based on Phaser.js This game was made to be integrated as a mobile app, but I did not continue it.

Fake Stock Market Trading Simulation Game based on JavaScript and HTML5 Canvas Stock prices in this game are generated randomly. You can play this game by buying and selling stocks, and make money from the differences between prices when you bought and when you sold them.

Slick is a powerful and beautiful JavaScript library to make a nice, responsive and mobile friendly slider for your websites. In this video you will see the basic use of Slick.

It’s easy! In this video below, you will see how to make a simple WhatsApp image button/link in HTML and JavaScript, with or without message text.

Bringing an image to a web page is easy as we can use <img src… tag. But what if we want to use an image as a background image? It is also easy. You can search for it on internet. But, there is more, how to make this background image in full screen mode, center…

Hello everyone. This is a Free HTML website template that I’ve made it recently for one of my projects. Let’s say we are selling cakes. People can order their cakes by filling this order form, and then the order message is being sent via WatsApp. Feel free to modify the code and change my number…