John Balbarona's Blog, Page #2

form resubmission dialog

How to prevent form resubmission when the page is refreshed in PHP?

In this tutorial, I will show you how to prevent form resubmission in PHP.

year in a typewriter

What should the datatype for the year be in MySQL?

In this article, I will answer which datatype is the best for year input in MySQL.

offcanvas

How to create a responsive offcanvas in CSS and JavaScript

In this article, we will create an offcanvas component that has the option to appear from left, right, top, or bottom using HTML, CSS, and JavaScript. We will also make it responsive so that it will only be an offcanvas in a certain width.

basic button, outline button, small and large button, and disabled button

How to create buttons using HTML and CSS

In this article, I will show you how to create different types of buttons using HTML and CSS.

grid with 3 columns and 4 rows

Create a responsive grid layout template in CSS

In this article, we will create responsive layout template in CSS that we can use in any of our HTML.

modal component with header and footer

How to create a modal using CSS and JavaScript

In this article, I will show you how to create a modal that can be triggered by a button using HTML, CSS, and JavaScript.

shoe product card

How to create a card component with image in CSS

A card component with image using HTML and CSS.

CSS card component with Header, Body, and Footer.

How to create a simple card component in CSS

A simple Card Component Implementation using HTML and CSS.

crud object oriented

CRUD operation using Object Oriented in PHP and MySQL

A simple implementation of Create, Read, Update, Delete (CRUD) feature using HTML, Bootstrap, JavaScript, PHP, and MySQL in an object-oriented style.

login-page

Create a Signup and Login System with PHP and MySQL

Simple implementation of signup, login, logout, and homepage for both logged-in users and non-logged-in users. Created using HTML, Bootstrap, PHP, and MySQL.

© John Michael Balbarona