Sometimes, the task is to display a vertical line on the web page and to set the style for that vertical line. Using the HTML, this process of creating a vertical line on the webpage is demonstrated in this article. First the method is given where the border style is specified for the div tag to display a vertical line. In the second example, the keyboard characters “|” and “!’ are filled as table cell contents to create a vertical line made up of dashes or dots. In the third example a small width rectangle is created that looks ... Read More

HTML is one of the most popular language to create interactive web pages. The space inside the div tag is marked by either enclosing it with a border or coloring it up. First, the method is given where the height and width are specified for the div tag to create the empty area. In the second example, the pre tags are used with line-height numbers, within the div tags to create the empty space. In the third example, the tags are used with line-height numbers, within the div tags. Example 1: By using height and width values Step ... Read More

This game is made using JavaScript and the game lab of code.org. The game Story/Rules/Intrroduction The player has to move the commando by pressing the UP, DOWN, LEFT and RIGHT arrow keys and make the commando escape the walled area. To go out of the door the commando needs to find the right key. One of the key is of the door. The keys are placed in the protected area. The commando needs to reach the door while picking the right key. Lots are fire tanks are seen in the walled area. If the commando is in range of any ... Read More

jQuery- a very popular JavaScript tool that helps in simplifying the process of web development consists of various tools that can be used to manipulate the HTML elements, CSS properties, and even event handling. Adding new or modifying styles of an HTML element dynamically is one such task that requires based on user interaction. jQuery has various methods by which we can set the background color of an HTML element in using jQuery. We will see some different approaches including, using the CSS () method, using the addClass() method, and using the attr() method. Every method has its pros and ... Read More

jQuery is a very popular and widely used JavaScript library used in the process of writing and manipulating HTML documents, handling events, and adding dynamic effects and animations to web pages. Sometimes we need to style a particular div in our web page but don’t know which method to use and how to use it. The process of styling the div is very easy and setting the background color of a particular div element can be achieved with the help of jQuery. Its process includes selecting the particular div element with the help of selectors, and then applying the CSS ... Read More

SASS or Syntactically Awesome Style Sheets, is a very popular preprocessor scripting language among developers that are used to enhance the functionality of CSS. SASS allows the developers to use variables, nesting, mixins, and some other advanced features that are not available in CSS. One of the key features of using SASS is the feature of declaring variables, which are nothing but placeholders for the values that we can reuse throughout our web application stylesheet. Variables help save time and effort for the developers enabling them to update multiple values at once just by making the code more readable and ... Read More

JSON or JavaScript Object Notation is a lightweight format used for data interchange between web applications and servers. It provides a simple and easy-to-read structure that can be parsed and generated easily by machines. JSON is often used as an alternative to XML because it is more compact and easier to work with. In this article, we see how to select values from a JSON object using jQuery with different approaches. What is a JSON object? A JSON object consists of a collection of key-value pairs separated by colons. Here keys are known as strings and the values are of ... Read More

jQuery is a popular JavaScript library that simplifies the process of manipulating HTML documents, handling events, and creating animations. In this article, we'll see how to scroll the page up or down using the anchor elements in jQuery. We sometimes encounter large content pages on websites and to go to a specific section, we want to perform the scrolling in the page up or down. To solve this problem, there are several ways to achieve this, but using anchor elements is one of the easiest and most straightforward methods. Apart from this, we’ll see the scrollTop and animate to perform ... Read More

In this article, we’ll see how to rotate shape loader animation using CSS. Loading animations of different shapes is an essential part of a web app as it helps the users stay engaged while they wait for a website to load. There are multiple animations that one can add to a web page or application, one popular type of loading animation is the rotating shape loader. This animation has good features in which a shape is spinning continuously until the web page is fully loaded. Moving ahead, we are going to use a different approach to rotate the shape loader ... Read More

jQuery is a widely used tool in JavaScript that simplifies the process of manipulating HTML documents and doing other tasks related to website development. In this article, we will see how to select the last row of a table using jQuery. Along with this, we’ll know different approaches to performing this task. Why Selecting the Last Row of a Table is Important? Let's see why we need to select the last of a table and why it becomes an important task. So basically when developers need to change or modify their new data into the existing table dynamically, it ensures ... Read More