HTML/CSS Tutorial

  • Submitted by: 
    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...
  • Submitted by: 
    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...
  • Submitted by: 
    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. All we need is the <video> element in HTML5, we don’t need to used any jQuery plugin or flash to create a video player in the web page. You...
  • Submitted by: 
    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 HTML forms used to select different kinds of user input and pass this information to a server. They are Color , Date , DateTime , Time , Month , Week , Email , Number , Range , Search , Tel and URL . . A form can also contain...
  • Submitted by: 
    This tutorial tackles on how to change li style into font awesome icons. Font awesome is a plugin that contains many beautiful icons you can use in web development. In creating a list using ul or ol, the default style would be bullet for ul and numbers for ol.
  • Submitted by: 
    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.
  • Submitted by: 
    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.
  • Submitted by: 
    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. Firstly, on a client side, we'll add 3 buttons: for rock, paper and...
  • Submitted by: 
    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. Select Java in Categories List and Java Applications in Projects List. STEP 2. Select new MDI...
  • Submitted by: 
    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. We are going to add a simple background to see the text in the vertical arrange of the web page. We have to construct simple markup for the text to be aligned in the vertical alignment in the background that we have in...

Pages