Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Web Development Articles
Page 144 of 801
How to make an empty div take space?
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 MoreA Game Using Javascript – Fire the bullets
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 MoreHow to design initial letter of text paragraph using CSS?
We have seen in various chapters of many books guiding on how to design the first letter of word using CSS. In CSS we can use the ::first-letter pseudo-element to design the first initial letter of a text paragraph. This allows us to apply particular styles to the initial letter of the first line of a block-level element. For example, we may make the initial letter larger, a different font, or a different color from the rest of the text. Syntax p::first-letter{ property_name : value_name; } first-letter − The first letter is defined as the pseudo-element ...
Read MoreHow to display a link using only CSS?
To disable the link of any website, we use the properties of CSS like pointer-event set to none, and then the cursor can be set to default which will disable the active link and the users cannot access the links. Sometimes the link has to be disabled to bring some updates or security to the website. The government or organization is the best suited for this example, whenever they need any updation required in the backend of the website they simply disable the link. In this article, we will display how to display a link using only CSS. Syntax ...
Read MoreHow to select values from a JSON object using jQuery?
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 MoreHow to scroll the page up or down using anchor element in jQuery?
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 MoreHow to rotate shape loader animation using CSS?
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 MoreHow to select the last row of a table using jQuery?
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 MoreHow to style a select dropdown with only CSS?
The website navigation plays an important role while building the website because it contains the dropdown list. The collection of various lists that exists in one or more navigation is called a dropdown list. To create the dropdown list it needs the select and option element. The option element is used under the select element which collects the list of various types like products, subjects, courses, etc. In this article, we are going to design the select dropdown with only CSS. Syntax option1 option1 The select element is used to ...
Read MoreHow to create animations using relative value in jQuery
Overview The relative values are the values which are incremented or decremented with respect to any units. In the relative while performing the animation the object is not reset to its initial position but it starts growing from its current state. So to create a relative value animation can be achieved by using the jQuery ‘animate()’ method with any selector element. So we will learn how to use the relative value with animate method in jQuery with an example which will help you to learn about the relative value and animation. Syntax The syntax of the animate() method with respect ...
Read More