html/css

Creating an Image Gallery Grid View with Preview Modal using HTML, CSS, and JS Tutorial

11 months ago By oretnom23

In this Tutorial, you can learn how to create a creative and responsive Grid View of an Image Gallery with Preview Modal for websites using HTML, CSS, and JavaScript. The tutorial aims to provide students and beginners with a reference for learning to create a creative, interactive, and responsive website UI and component. Here, I will be providing a sample website page script that demonstrates the main goal of this tutorial. The complete source code zip file will also be provided and it is free to download.

Creating a Custom Toast Notification using HTML, CSS, and JS Tutorial

11 months ago By oretnom23

In this tutorial, you can learn to create a custom and simple Toast Notification using HTML, CSS, and Pure JavaScript. The tutorial aims to provide students and beginners with a reference for learning to build a popup message box for websites or web applications. Here, I will be providing a sample web page script that demonstrates the creation of a simple Toast Notification.

How to Create a Navigation Bar in HTML/CSS

3 years ago By rinvizle

This simple tutorial will teach you how to make a Navigation Bar through CSS script in horizontal and vertical postion. A navigation bar is a user interface element within a webpage that contains links to other sections of the website. In most cases, the navigation bar is part of the main website template, which means it is displayed on most, if not all, pages within the website. This means that no matter what page you are viewing, you can use the navigation bar to visit other sections of the website.

Keyboard Using HTML and CSS

7 years ago By Fahad Abe

This beautiful keyboard is made using pure HTML and CSS. :)

Read more about Keyboard Using HTML and CSS
2 comments
Add new comment
1152 views

Vertical Text Align in Bootstrap Template

7 years ago By azalea zenith

In this tutorial, we are going to create on how to display Vertical Text Align in Bootstrap Template. We are going to use the CSS for displaying text in the vertical alignment.

Bar Chart Plugin with jQuery

7 years ago By alpha_luna

This tutorial helps you make a Bar Chart Plugin with jQuery, I made a Chart that shows the percentage of different brands of Cellphones. I'm using jQuery and HTML/CSS to create this simple bar chart. Hope that this tutorial will help you a lot. You can also check the live demo of this simple tutorial, so you can get an idea and you can try this out, let's start coding.

⚙ Live Demo

How to Create Bootstrap Collapse

7 years ago By alpha_luna

In this tutorial, we are going to learn how to create Bootstrap Collapse. This simple tutorial enables the user to view the hidden content of a one link without any refreshing the whole page. To do this simple tutorial, we are going to use bootstrap.css and bootstrap.js file.

CSS Loading Effect

7 years ago By alpha_luna

CSS Loading Effect

In this article, we are going to learn How To Make Loading Effect using CSS. Some programmers or developers they create loading effect using the Flash Software, but as of now they already using the CSS for making the loading effect or any animation even they did not use the Flash Software. For this simple article that we have today, you can change any variant color that you want for the loading effect. You can edit the source code of the CSS style after you download the full source code.

Image Upload Preview using JavaScript

7 years ago By alpha_luna

In this tutorial, we are going to learn about how to Preview Image in File Upload using JavaScript.

How to Make Simple Note using HTML JavaScript

7 years ago By alpha_luna

This simple note script was created using HTML and JavaScript. You can use it for broadcast special events or news in your site. You can easily be dismissed it, and users allow to specify the Frequency of its appearance, it's either once per session browser or every time the page loaded.

Subscribe to html/css