js

Student Study Center Desk Management System using PHP (OOP) and MySQL DB Free Source Code

Submitted by oretnom23 on
This project is entitled Student Study Center Desk Management System. It is a web-based application that was mainly developed using PHP Language and MySQL Database. The project's main purpose is to provide certain study center with a platform for managing the students' assigned or allocated desks. It has a pleasant user interface using Bootstrap Framework and AdminLTE Template. The project also

Image Popup/Overlay Viewer with Zoom In and Out using CSS and JavaScript

Submitted by oretnom23 on

In this tutorial, you can learn to create an Image Overlay or Popup Viewer using HTML, CSS, and JavaScript. The tutorial aims to provide students and beginners with a reference for learning how to build a useful component of a website or web application using CSS and JS. Here, I have provided a simple program that I created that demonstrates the creation of an Image Overlay or Popup Viewer with zoom and drag features.

Creating an Auto Resizing HTML Textarea using CSS and JavaScript Tutorial

Submitted by oretnom23 on

In this tutorial, you can learn how to create an Auto Resizing HTML Textarea using CSS and JS. The tutorial aims to provide students and beginners with a reference for learning some useful CSS and JS tricks for their own website or web application projects. Here, I will be providing a web page script that demonstrates the creation of Auto Resizing textarea.

Creating a Tags Input Field using CSS and JavaScript Tutorial

Submitted by oretnom23 on

In this tutorial, you can learn how to create a simple Tags Input Field for your web forms or CMS projects. The tutorial aims to provide students and beginners with a reference for learning of building a useful website or web application component and providing them with a free web library for generating Tag Input Fields. Here, I created a simple web page script using the simple library that I created to demonstrate the main goal of this article.

Detecting Ad-Blocker using JavaScript Tutorial

Submitted by oretnom23 on

In this tutorial, you can learn how to detect the Ad-Blocker using JavaScript. The tutorial aims to provide students and beginners with a reference for learning to disallow users or visitors to explore the different pages and contents of a certain website. Here, I will be providing a simple web page script that demonstrates the Ad-Blocker detection.

Creating a Draggable HTML Element using CSS and JavaScript Tutorial

Submitted by oretnom23 on

In this tutorial, you can learn how to create a simple Draggable HTML Element using CSS and JavaScript for your dynamic websites or web applications. This tutorial aims to provide students and beginners with a reference for learning some tricks using CSS and JS to develop a creative and interactive UI/UX of a website or web application. Here, I will be providing the scripts of a simple web page that demonstrate the creation of a draggable HTML Element.

Updated - Employee Payslip Generator with Sending Mail using PHP and Gmail SMTP

Submitted by oretnom23 on
This article's main purpose is to give updated instructions on the new way of using Gmail SMTP for sending the generated payslip as mail with attachment of the Employee Payslip Generator System that I have published previously. Here, I will show you how to set up your Gmail account using XAMPP's sendmail package. Less Secure Option is not existing anymore on Google, to make the mailing feature of

Creating a Download Image from URL Form with Preview using PHP and JS Tutorial

Submitted by oretnom23 on

In this tutorial, you can learn how to create an Image Preview and Download from an Image URL using PHP and JavaScript. The tutorial aims to provide students and beginners with a reference for learning some useful techniques and features for developing effective web applications. Here, I will be providing the scripts of a simple program that I created that demonstrate the creation of an Image Download and Preview form.

Creating a Custom Context Menu using CSS and JavaScript Tutorial

Submitted by oretnom23 on

In this tutorial, you can learn how to create a Custom Context Menu for websites or web applications using HTML, CSS, and JavaScript. The tutorial aims to provide students and new programmers with a reference for learning to customize some of the default features of browsers when browsing websites or web applications. Here, I will be providing the scripts of a simple web page that demonstrate the creation of a simple Custom Context Menu. The source code zip file will be provided also and is free to download.

Creating a Convertable List View using CSS and JS Tutorial

Submitted by oretnom23 on

In this tutorial, you can learn how to create a simple Convertable List View using CSS and JavaScript. The main purpose of this tutorial is to provide students and new programmers with a reference for learning to build a useful component of a website or web application. Here, I will be providing simple web application scripts that demonstrate the creation of a convertible list view.