HTML/CSS Tutorial

This tutorial tackles on how to automatically refresh a webpage or set time to redirect to another page using meta tag. Meta tags describe metadata within an HTML document: This our usually found at the header tag of our html document.

This tutorial tackles on how to transform input fields either in lowercase, uppercase or capitalize using CSS. CSS stands for Cascading Style Sheets that gives design to HTML pages and controls its layout.

In a previous tutorial, I showed how to build a Socket.IO chat and connect few people around the globe with the magic of WebSockets. In this article I want to make this project a little bit more fun and turn it into a multiplayer game: "rock, paper, scissors". So let's grab the previous code and introduce few modifications.

Hi everyone, In this tutorial, I explain to you on how to work with GUI Forms Java Desktop and configure Menu Bar and events that we can show a new windows and applets. We will work with Netbeans and create a sample MDI Application Form STEP 1. We will create our project. File-> New Project.

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.

User Input in HTML/HTML5 using Bootstrap Templates

Using HTML/HTML5 you can enabled to create new input elements for the HTML Forms.

In this tutorial, we are going to learn how to create a Toggle Switch using CSS. We are going to use pure CSS to create a simple toggle switch button to your web page. We have a simple checkbox to filter any data, for the replacing of the checkbox, we are going to upgrade from checkbox GUI to toggle switch button GUI. It will add a neat and clean for the user if they are going to use the toggle switch functionality.

If you are looking for a simple Video Player with Custom Controls then you are at the right place. We are going to create simple video player to embed video into the webpage. We can easily to implement the video player in the web page using the HTML5.

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.

In this tutorial, we will create a Image Overlay Preloader Using DIV In CSS. It provides a friendly user interface using Bootstrap and CSS. We create a CSS snippet for displaying a preloader over div content. And its not only for the list of content, you can use it for every case where you want to overlay something on the content. Overlaying image on div is a most used featured. To fetch the content server takes some time and user does not understand what happening behind the scene.