In case you need to make a countdown in your website, here is a handy JavaScript code you can use. Just edit the variable countDownDate and set it the date you want, then run the JS. Watch the console log counting the seconds. It will...
Category: HTML5, CSS & JavaScript
Wondering why you see Chrome Cast icons on your HTML5 videos on your website?
Sure, I hate it too. When I use video tag in my website, if I open it from my chrome on my mobile phone, I see Chrome Cast icons on each videos that I have. How to disable such icons? It is easy. Just add...
How to play any YouTube video dynamically using YouTube iFrame API + autoplay on mobile devices
In this blog post you will see a script that I’ve demonstrated on my YouTube channel to play any YouTube video dynamically by clicking a button or typing a video id easily. Here is the script: The script is originally found here but I modified...
How to find an element from a jQuery AJAX response with jQuery .find() method
If you are a jQuery luver, you must know how to use jQuery Post and Date functions. Recently I’ve been working on a project, that involves this jQuery Get thingy like this: But, unfortunately it did not work. If you are facing the same case...
I always forget what kind of scale modes does Phaser js has. So here is the list…
I wrote this list of scale modes of Phaser engine, so later if I forgot I can take a look at it easily:
How to type something then it should redirect us to another page in HTML and JavaScript
I made this tutorial to answer a question asked to me about how to make something that if we type a word than it redirects us to some page. So I do this in HTML and JavaScript, and I hope I did not get it...
How to access your localhost website running with XAMPP from another devices (like Android phone)
Hi there, I know you often develop an online websites on your local environment using local webserver such as XAMPP before you deploy it on real web server online. Sometimes you need to access your local website that is running on localhost for example in...
Make your own 360 virtual tour with 3Sixty Web Tour Maker
3Sixty is a desktop software for creating 360 virtual tour websites. It provides visual tools for adding panorama images, placing hotspots and attaching useful actions to each of them. It is written in HTML5, JavaScript and CSS and built using Electronjs and Nodejs. The 360...
Drawing with Phaser – A simple HTML5 drawing program made with Phaser, jscolor, and jQuery
With this program you can draw anything using a brush that can be adjusted, its size and its color, completely customize-able. There is also a button to clear the canvas so you can start over drawing again. This simple drawing can be useful to you...
Timer Loop – Simple HTML timer program
Timer Loop is a simple JavaScript application to set alert and timer repeatedly Timer Loop is a simple tool to make you remember something that you must do it every each x time interval. Everytime that x time comes, an alert sound will be played....
How to make a Unity WebGL page appears full screen?
I’m sure you tried to export your Unity game to a WebGL version to publish it online. But it does not appear full screen. Well, you can replace your index.html code with this, but do it at your own risk: And, hey, don’t forget you...
WhatsUp Online Shop – A PHP, MySQL and WhatsApp based online store CMS for free
This tutorial teaches you how to make an online shop that works with WhatsApp for free without using WordPress or Joomla CMS. This PHP software is a lightweight and simple CMS system that allows you to post products with pictures, description, pricing, quantity and options....
How to prevent right click on a web browser with 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...
How to make your own multiple answers quiz with JavaScript
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...
Free JavaScript QR Code and Bar Code Generator Source Code
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...
How to make an Mp3 Player based on HTML5 and HowlerJS
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...
Basic Phaser Game Example : Tap to Make the Kitten Happy
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...
HTML5 Crossword Puzzle Game Template and Source Code
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...
HTML5 Flip Book using TurnJS library
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...
HTML5 Canvas Reflexology Map and Area
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...