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
-
Economics & Finance
Articles on Trending Technologies
Technical articles with clear explanations and examples
Usage of -moz-opacity property with CSS
The -moz-opacity property was a Mozilla-specific CSS property used to set the opacity of HTML elements, including images. This property created transparent effects in older Firefox browsers before the standard opacity property was widely supported. Browser-Specific Opacity Properties Different browsers historically required different approaches for opacity: Mozilla Firefox: -moz-opacity Internet Explorer: filter: alpha(opacity=x) Modern browsers: opacity (standard) Syntax /* Legacy Mozilla syntax */ -moz-opacity: value; /* IE filter syntax */ filter: alpha(opacity=value); /* Modern standard syntax */ opacity: value; The value ranges from 0 (completely transparent) to 1 ...
Read MoreJavaScript JSON HTML
Generating HTML from JSON data is a common task in web development. You can fetch JSON data from APIs and dynamically create HTML elements to display the information. Note − JSONPlaceholder is a fake Online REST API for Testing and Prototyping. Example: Creating HTML Table from JSON JSON to HTML Example body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; ...
Read MoreJavaScript code to find the coordinates of every link in a page
JavaScript provides several methods to find the position and coordinates of elements on a page. For links, we can use properties like offsetLeft, offsetTop, offsetWidth, and offsetHeight to get their position and dimensions. Understanding Element Coordinates In JavaScript, element coordinates are measured from the top-left corner of the page: offsetLeft - Distance from the left edge of the page offsetTop - Distance from the top edge of the page offsetWidth - Width of the element including padding and borders offsetHeight - Height of the element including padding and borders Example ...
Read MoreCombine unique items of an array of arrays while summing values - JavaScript
We have an array of arrays, where each subarray contains exactly two elements: a string (person name) and an integer (value). Our goal is to combine subarrays with the same first element and sum their second elements. For example, this input array: const example = [ ['first', 12], ['second', 19], ['first', 7] ]; Should be converted to: [ ['first', 19], ['second', 19] ] Solution Using Object Mapping We'll create ...
Read MoreJavaScript - Check if array is sorted (irrespective of the order of sorting)
In JavaScript, checking if an array is sorted regardless of order (ascending or descending) requires comparing adjacent elements to determine if they follow a consistent pattern. We need to identify whether the array is sorted in ascending order, descending order, or not sorted at all. Understanding the Problem An array can be considered sorted if all elements follow either: Ascending order: each element is greater than or equal to the previous one Descending order: each element is less than or equal to the previous one Method 1: Check Both Directions This approach checks if ...
Read MoreNormalize numbers in an object - JavaScript
Number normalization scales values from one range to another proportionally. This technique is commonly used in data processing, machine learning, and graphics programming. Problem Definition Given an object with numeric values and a target range [a, b], we need to transform all values so that: The smallest original value becomes a The largest original value becomes b Other values are scaled proportionally between a and b Normalization Formula The formula for linear normalization is: normalized_value = range_min + ((value - original_min) * (range_max - range_min)) / (original_max - original_min) ...
Read MoreHow to find the name of the first form in a document with JavaScript?
In this tutorial, we will learn how to find the name of the first form in an HTML document. Sometimes, we use more than one form tags in the HTML document for different purposes. At that time, we can face difficulties in finding the specific element to add some more properties to it. In such conditions, we can use the forms property of the "document" interface to access all the elements present in the document individually as well as collectively. Document.forms Property As we discussed above, the forms property is used to access all the forms ...
Read MoreHow to set the spacing between words in a text in JavaScript?
In this article, we will learn how to set the spacing between words in a text using JavaScript. Word spacing is critical on websites because it improves the legibility and readability of the text displayed on the page. You can generate an aesthetically pleasing and easy-to-read typeface using proper word spacing. In JavaScript, we use the wordSpacing property to set the spacing between the words in a text displayed on a website. Using the Style wordSpacing Property This JavaScript DOM property is used to get and set the spacing between the words in a text. You ...
Read MoreCreate many JavaScript objects as the same type?
In JavaScript, there are several ways to create multiple objects of the same type. JavaScript is a prototype-based object-oriented language, which means objects can inherit directly from other objects without needing traditional classes. This article explores various methods for creating objects with consistent structure and behavior. Using Constructor Functions Constructor functions are one of the most traditional ways to create multiple objects with the same structure. A constructor is simply a function that, when called with the new keyword, creates and returns a new object instance. Create many JavaScript objects as the same type ...
Read MoreWhat Is a JavaScript Framework?
JavaScript frameworks are pre-built code libraries that provide structured solutions for common programming tasks and features. They serve as a foundation to build websites and web applications more efficiently than using plain JavaScript. Instead of manually writing repetitive code, frameworks offer ready-made components, utilities, and architectural patterns that speed up development and enforce best practices. Why Use JavaScript Frameworks? Plain JavaScript requires manual DOM manipulation for every interaction: ...
Read More