Skip to content

ThirteeNov

Source Codes & Coding Tutorials

  • My YouTube Channel
  • My GitHub Page
  • About me

Category: HTML5, CSS & JavaScript

My Flip Phone – HTML5 and JavaScript colors and numbers phone game source code

June 11, 2020August 4, 2020 Habibie

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:

WeDefenders – HTML5 Alien Ships Shooting Game

June 11, 2020August 4, 2020 Habibie

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.

Insveculator – Free HTML5 Stock Market & Forex Like trading game

June 11, 2020August 4, 2020 Habibie

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...

Free Open Source Online Quran with Translations

June 11, 2020August 4, 2020 Habibie

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...

Making a simple and easy slider for your website with Slick

June 9, 2020August 4, 2020 Habibie

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.

How to make a simple WhatsApp button for your website?

June 8, 2020June 8, 2020 Habibie

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 – Simple Cake Shop Online Order System

June 7, 2020June 8, 2020 Habibie

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...

How to make a responsive full screen background image in HTML5

June 3, 2020June 3, 2020 Habibie

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...

Lorem Ipsum Cakes – Free Order Via WhatsApp HTML5 Template

May 8, 2020May 8, 2020 Habibie

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....

HealthCon Responsive HTML5 Website Template

February 14, 2020August 4, 2020 Habibie

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:...

How to make and generateQR Code with JavaScript – Center Align the QR Code

January 18, 2020January 24, 2020 Habibie

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...

How to make an HTML5 Note Taking Program

December 12, 2019December 12, 2019 Habibie

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...

Call JavaScript function from Unity and vice versa – Unity JavaScript Bridge

November 30, 2019August 4, 2020 Habibie

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...

How to use PDFJS to open pdf file in full screen and embedded in Iframe

November 24, 2019August 4, 2020 Habibie

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...

How to use Facebook Comments plugin dynamically in your PHP websites

November 23, 2019August 4, 2020 Habibie

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.

Showing Previous and Next Tab Divs with JavaScript and jQuery

November 13, 2019August 4, 2020 Habibie

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...

Simple JavaScript function to capitalize first letter of a word

August 25, 2019August 4, 2020 Habibie

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...

How to generate random sentence consisted of random words with PHP

July 18, 2019August 4, 2020 Habibie

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...

Tutorial on Creating HTML5 and JavaScript Load More Button

July 2, 2019August 4, 2020 Habibie

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...

Creating Greeting Card Maker WebApp with Phaser

June 6, 2019August 4, 2020 Habibie

Phaser.js is a good library for creating HTML5 games. However, this time I tried to use Phaser to make a greeting card maker web app. Visit CardU a webapp that I’ve made recently. You can test it and see how it works. Here I will...

Posts navigation

Previous 1 2 3 4 5 Next
ciihuy2020

Welcome!

  • My YouTube Channel
  • My GitHub Page
  • About me

Categories

  • 3DVista
  • Android
  • Apache
  • C#
  • Cordova
  • Electron & Node JS
  • HTML5, CSS & JavaScript
  • iOS
  • Let's Make Unity Games
  • Misc
  • Photoshop
  • PHP
  • Unity
  • WordPress

Recent Posts

  • Useful and free light flares for your Unity game development
  • Simple Example to begin with Photon PUN multiplayer game development
  • Super Silly Simple Unity FPS WASD player movement script
  • Super simple way to load any image from URL and show it as a UI Image in Unity
  • Blinking Marker – Unity Screen Space Marker Overlay Script
  • ThirteeNov Walk Patrol C# script for creating any patrolling game object in Unity
  • Wondering why you see Chrome Cast icons on your HTML5 videos on your website?
  • How to Install VR APK during development for Oculus Quest 2
  • Do you need an SVG code of WhatsApp logo? Here it is.
  • Unity lens flare is not working, what should I do?
  • Be careful with malicious script attacking WordPress sites
  • Useful JavaScript snippet when you are watching that online Videos
  • Some C# methods to write and read files, creating a folder and listing files inside it
  • Introducing UniCipher : encrypt your playerprefs and any string to make them unreadable
Copyright © ThirteeNov

Minimalist Theme by WPVKP.