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
Get Bootstrap Jumbotron of full width and without rounded corners
To get a jumbotron of full width and without rounded corners, use the .jumbotron class outside all .container classes and instead add a .container within. This approach makes the jumbotron span the entire viewport width while keeping the content properly centered. Default vs Full-Width Jumbotron When you place .jumbotron inside a container, it has rounded corners and limited width. Placing it outside removes these constraints: Placement Width Rounded Corners Use Case Inside .container Limited Yes Card-like appearance Outside .container Full viewport No Hero sections, landing pages Example ...
Read MorePeeking elements from a PriorityQueue using JavaScript
Peeking a PriorityQueue means getting the element with the highest priority without removing it from the queue. This operation is useful when you need to inspect the next item to be processed without actually processing it. The peek() Method Implementation The peek function returns the element with the highest priority. In our implementation, elements are stored in ascending order of priority, so the last element has the highest priority: peek() { if (this.isEmpty()) { console.log("Queue Underflow!"); ...
Read Morew vs W in JavaScript regex?
In JavaScript regex, \w and \W are complementary metacharacters used to match different types of characters. \w matches word characters (letters, digits, and underscores), while \W matches non-word characters (everything else). Understanding \w Metacharacter The \w metacharacter is equivalent to [a-zA-Z0-9_], matching any single letter (uppercase or lowercase), digit, or underscore. Syntax // Using RegExp constructor RegExp("\w", "g") // Using literal notation /\w/g Example: Using \w to Match Word Characters \w vs \W in JavaScript regex \w Metacharacter Example ...
Read MoreHow to sum elements at the same index in array of arrays into a single array? JavaScript
We have an array of arrays and are required to write a function that takes in this array and returns a new array that represents the sum of corresponding elements of original array. If the original array is: [ [43, 2, 21], [1, 2, 4, 54], [5, 84, 2], [11, 5, 3, 1] ] Then the output should be: [60, 93, 30, 55] Let's explore different approaches to solve this problem. Using forEach() Method The most straightforward approach is to iterate through each sub-array and accumulate ...
Read MoreHow can I stop a video with JavaScript in Youtube?
In this tutorial, we will learn to stop a video with JavaScript on YouTube. Using the 'iframe' HTML element, we can easily embed the YouTube videos on our application. It is a video player in HTML 5 and has many attributes that users can use according to their needs. In some cases, it happens that you want to create a custom pause or stop button for the embedded YouTube video. Customized buttons are always pretty rather than default ones, making UI pretty. So, we will learn two different methods to create the custom stop button for the YouTube ...
Read MoreHow to test if an element contains class in JavaScript in HTML?
In JavaScript, we can check whether an HTML element contains a particular class using the classList.contains() method. This is especially useful when working with dynamic content or when you need to conditionally apply styles or behavior based on an element's classes. The classList.contains() method is the standard and most reliable way to test for class existence on DOM elements. Syntax element.classList.contains(className) Parameters: className - A string representing the class name to check for Return Value: Returns true if the element contains the specified class, false otherwise. Example: Basic ...
Read MoreHow to work with document.body in JavaScript?
In this tutorial, we will learn how to work with document.body in JavaScript. The document.body property provides access to the HTML element, which contains all visible content of a web page including headings, paragraphs, images, hyperlinks, tables, and lists. In an HTML document, there can only be one element. In this tutorial, we will work with the document.body in JavaScript for: Change the background color of the body Add a new element at the end of the body Change the Background Color Using document.body ...
Read MoreSet how much the item will grow relative to the rest of JavaScript.
Use the flexGrow property to set how much the item will grow relative to the rest of the flexible items with JavaScript. Syntax element.style.flexGrow = "value"; Parameters The flexGrow property accepts a numeric value that defines the growth factor: 0 - Item won't grow (default) 1 - Item grows equally with other flex items 2 or higher - Item grows proportionally more than others Example You can try to run the following code to learn how to work with flexGrow ...
Read MoreHTML 5 Video Buffering a certain portion of a longer video
The TimeRanges object in HTML5 allows you to work with buffered portions of video and audio elements. It represents a series of non-overlapping time ranges that have been buffered by the browser. TimeRanges Properties The TimeRanges object provides the following properties: length − Number of buffered time ranges start(index) − Start time of a specific range, in seconds end(index) − End time of a specific range, in seconds Accessing Buffered Ranges You can access buffered ranges using the buffered property of video or audio ...
Read MoreHow to check web browser support in HTML5
Checking web browser support for HTML5 features is essential for creating compatible web applications. This guide shows you how to detect HTML5 features using both modern JavaScript methods and the Modernizr library. Using Modernizr Library Modernizr is a popular JavaScript library that detects HTML5 and CSS3 features. Here's how to check for web worker support: Web Worker Support Check function checkWebWorkerSupport(){ ...
Read More