9 Dot Menu Using HTML and CSS

Souvik Chakraborty
Updated on 28-Jan-2025 12:08:09

425 Views

The 9 dots menu is a grid of nine clickable icons, which drops the menu to reveal other icons that are useful to the users when clicked. In this tutorial, we will learn how to create a 9 Dot Menu by using only HTML, CSS, and a little bit of JavaScript. Overview The 9 Dot Menu is simple to use, minimalist, and versatile, which is beneficial for various web projects. It is ideal when one wants a simple design but at the same time wants to achieve variety in a limited area. In this case, we utilize CSS to style ... Read More

Decompile an HTML File

Souvik Chakraborty
Updated on 28-Jan-2025 12:02:02

304 Views

To decompile an HTML file means converting the readable code in more minified form. It refers to interpreting the code that makes a website page. HTML is different from compiled languages as HTML is readable by humans, plain text created specifically for web browsers. In this article we are going to discuss various approaches to decompile an HTML file. 1. Viewing Source Code in Browser Perhaps the easiest way to get along with the HTML codes as a developer is by viewing the source of the page in the browser window. Steps ... Read More

Get Column Names from a Table using SQL Query

Rohit Kumar Dwivedi
Updated on 28-Jan-2025 12:01:49

246 Views

In this article, we are going to learn how to get column names from a table using an SQL query. If you don't know what SQL is, keep reading because everything is covered from scratch. SQL stands for Structured Query Language, which is used to interact with databases. Basically, queries are used to perform CRUD operations on databases. Steps to Retrieve Column Names Here is the step-by-step explanation of getting columns from a table. Step 1: Check Database First, check the database where the table exists. If the database does not exist, run the following query to create it. CREATE ... Read More

Filter Array with Filter and Includes in JavaScript

Revathi Satya Kondra
Updated on 28-Jan-2025 11:48:32

14K+ Views

In this article, using the filter() and includes() methods in JavaScript, we can filter an array based on the elements presence in another array or specific conditions. For suppose we have two arrays as array1 and array2. we want to filter array1 to include only the elements that are present in array2. To have the clear idea about the filter() and includes() in JavaScript. Let's discuss individually. JavaScript filter() and includes() Methods filter(): It is used to create a new array that includes only the elements that satisfy the condition provided by the callback function. includes(): Using includes(), the callback ... Read More

Create Immutable Class in Java

Rishi Raj
Updated on 28-Jan-2025 11:39:52

1K+ Views

An immutable class object's properties cannot be modified after initialization. The state of an immutable object remains constant throughout its lifetime. To achieve immutability, the class is designed such that its fields are initialized only once through a constructor, and no methods are provided to modify those fields. For example: String is an immutable class in Java. We can create an immutable class by following the given rules below − Make class final − class should be final so that it cannot be extended. ... Read More

Static Methods vs Instance Methods in Java

Revathi Satya Kondra
Updated on 28-Jan-2025 11:39:41

3K+ Views

In Java, the behaviour of any variable or method is defined by the keyword used in front of its declaration. One of the non-access modifiers is static, which can be used with both methods and variables. The static methods are defined at the class level and can be accessed without creating an instance of the class, while instance methods require an object of the class for accessibility. Static methods exist as a single copy for the entire class, whereas instance methods exist as multiple copies, depending on the number of instances created for that particular class. Static methods cannot directly ... Read More

Java Math subtractExact Method for Long Values

Revathi Satya Kondra
Updated on 28-Jan-2025 11:39:30

499 Views

We will discuss the Java Math subtractExact(long x, long y) method in Java and understand its functionalities and working. The subtractExact()is an inbuilt function in the Java Math library. The function returns the difference between the two parameters passed as arguments in the function. The function returns an exception when the returned value overflows the range of values of a particular data type. It is the most commonly used class for mathematical operations is the java.lang.Math class is a part of the Java Standard Library and is included in the java.lang package. Syntax Following is the syntax of the subtractExact() function ... Read More

Length of Longest Consecutive 1s in Binary Representation of an Integer

Revathi Satya Kondra
Updated on 28-Jan-2025 11:39:17

467 Views

The length of the longest consecutive 1s in the binary representation of a given integer involves converting the integer to its binary form and then identifying the longest run of contiguous 1s. Here, we can represent each integer in binary as a series of 0s and 1s. Bitwise operations allow efficient bit manipulation, making it easy to count and update the longest sequence of consecutive 1s. Consider special cases such as when the integer is 0 (binary representation 0) or when it contains only 1s (e.g., for the number 7, binary 111). To understand the concept clearly, Let's go through ... Read More

Compare Two HTML Elements

Souvik Chakraborty
Updated on 28-Jan-2025 11:33:01

279 Views

To compare two HTML elements we will use HTML and Javascript. HTML and JavaScript is a popular combination where there are instances whereby you need to compare two HTML elements. You may want to know if the two elements are absolutely similar in terms of structure, Class ID or §, etc. In this article, we will explore two common approaches to compare HTML elements in JavaScript: Manual Comparison and JSON-based Comparison. 1. Comparing HTML Elements Manually It simply means that, in manual comparison, you are fully in charge of the properties that you would want to compare. In this method, ... Read More

CSS Transition a Modal Dialog Element on Open

Souvik Chakraborty
Updated on 28-Jan-2025 11:10:17

417 Views

Introduction Web modals can be described as an important aspect of web user interfaces since they give the option to show data or for the user inputs without changing the page other than the modal. Using CSS to apply transitions aids the UI where opening and closing display modals to the user are smooth and more natural. In this tutorial, you will learn how you can use CSS transitions to have more engaging access to a page with a modal dialog box. Requirements To follow along with this tutorial, you will need − Knowledge and ... Read More

Advertisements