Source Codes & Coding Tutorials
This is a simple single page PHP and MySQL based Questionnaire regarding travel history during Covid19. You will see a questionnaire page asking you 5 questions: Your name Phone number Have you been to China in last 2 weeks? Have you travelled out of Singapore...
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...
Online Quran with translation based on HTML5 and PHP. If you have any question, feel free to contact me 😀 It’s optimised for mobile view. Has language change feature, theme selection, and options for changing Arabic and translation text sizes. Available languages are: English, Bahasa...
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.
Lorem Ipsum Cakes V2 is a simple cake shop online order system using HTML5 and PHP. It simply record client’s orders on your website database and your client can simply chat with you by using WhatsApp, either web version on their desktop devices or mobile...
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...
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....
A responsive and excellence HTML5 website with slide-able style menu and sub menu feature for both mobile and desktop version. Below image is the desktop version of this website template: You can view it in action in this video: Get this template from this link:...
This tutorial is answering a question about how to center align the qr code image generated by qrcode.js library on my previous video: https://www.youtube.com/watch?v=gLLd9YJOJgM&lc And the answer is relatively easy, we can adjust the styling of the div containing qr code image to make it...
HTML5 is amazing to me it and I have fun to do coding with JavaScript because it runs on web browser just like that, so we don’t have to install anything, its just running on web browser. In this tutorial I will share with you...
When building a Unity program for web (WebGL), mostly we need to access methods/functions inside Unity from JavaScript (browser scripting). This example is showing how it can be done. In this example I’m showing how to call JavaScript alert from Unity and then send back...
In this video I demonstrate how to use PDFJS to open a full screen pdf file in a web browser and also how to embed a pdf file in an Iframe. By default PDFJS opens the pdf file from any url you specified in full...
This tutorial in this video showing you how to use Facebook Comments Plugin dynamically on each page of your website without adjusting it one by one on each page with the help of PHP.
Here is another example and tutorial how we can do a show and hide previous and next HTML5 divs/tabs based on it’s id’s and classes… The idea is simple, we must store a value of a number of current tab that we are seeing right...
Hi! Previously I was searching for a way to capitalize the first letter of a word in JavaScript. I thought there is built in function/method in JavaScript to do that, but I didn’t find it. So, here is a simple function that I’ve made. To...
In this post I’m going to share a simple PHP script to generate random sentence consisted of random pre-defined words. For example I want to show a text saying: “Hi, thank you for visiting my website” several times, but I don’t want repetitively saying exactly...
In this video tutorial I’m sharing about how to create “Load More” button in JavaScript to show partial contents of an array variable. Please note that in this technique first I retrieve all the information from server at single shot and store it in single...