Front End Technology Articles - Page 108 of 652

Every YouTube video has a unique URL through which we can access it in the browser. Every YouTube video contains a unique video id, which makes the URL unique. Sometimes, developers need to extract the video id from the YouTube URL. We need to play with the YouTube URL string to extract the video id from the URL, which we will do in this tutorial. We will learn different approaches to getting the video id from a full URL. Use the split() method JavaScript contains the built-in split() method, which allows users to split the string into multiple ... Read More

Insertion of a specific character after every n characters in Javascript is an easy to understand concept and gives us a better understanding about Javascript's functions. Here n can be any whole number ranging from 1 to less than the length of the string. In this article we will deal with a variable inputString = "abcdefghijklmnopqrstuvwxyz, " and aim to append a "-" character after every 5 characters. There are several ways to accomplish this with JavaScript, which are as follows − Making use of the slice() method In JavaScript, the slice() function is used to extract a portion of ... Read More

A subheading is a text element used to organize and structure the content of a webpage in HTML. Subheadings are commonly used to break up large blocks of text and provide a clear hierarchy of information for users. Subheadings are mostly created using the "H2", "H3", "H4", "H5", or "H6" tags in HTML. These tags indicate the level of the heading, with H1 being the highest level heading and H6 being the lowest level subheading. Adding sub heading using HTML HTML is a markup language used to structure and format content on the web page. One of the important aspect ... Read More

To change the color of an image to black and white using CSS, is a simple process that can be done using various approaches. In this article, we will learn and understand two different methods for changing an image to black and white using CSS. We are having an image in this article, our task is to change the color of image to black and white using CSS Approaches to Change Color of Image to Black and white Here is a list of approaches to change the color of an image to black and white using CSS with step wise ... Read More

CSS (Cascading Style Sheets) is a powerful tool for controlling the layout and appearance of text on a website. In this article we will learn how to change the cases of text in paragraphs using CSS. When it comes to styling text on a website, one of the basic and common styling options is changing the case of the text, and we can do this easily with the text-transform property in CSS. The text-transform property can take one of the following values − "capitalize" will capitalize the first letter of each word in the selected element. "uppercase" will ... Read More

To change image on hover with CSS, we will be using :hover psuedo-class. In this article, we have discussed two different approaches to change image on hover with CSS properties. We are having an image in our HTML document, our task is to change the image when we hover over the image. Approaches to Change Image on Hover Here is a list of approaches to change image on hover with CSS which we will be discussing in this article with stepwise explaination and complete example codes. Change Image on Hover Using background Property ... Read More

To change the position of the scrollbar using CSS, there are various approaches which can be implemented to change scrollbar position and can be placed in any of four directions. In this article we are having div elements with text content inside it. Our task is to change the position of scrollbar in different direction. We will be changing the scrollbar position to right, left, top and bottom. Approaches to Change the Position of the Scrollbar Here is a list of approaches to change the position of the scrollbar using CSS which we will be discussing in this article with ... Read More

To change the color of selected text using CSS, is a simple task which can be achieved using ::selection psuedo element. In this article, we are having text content which are written using various HTML tags, our task is to change the color of selected text using CSS. Changing color of selected text using CSS In example 1, we are having a div element, an H3 element and a p element with some text written in it. We have used "::selection" pseudo-element selector which changes the background-color and text color of ... Read More

To change the color of the radio button using CSS, is a simple process that can be achieved using various approaches. In this article, we will learn and understand two different approach for changing the color of the radio button using CSS. Radio buttons allows to select one option out of many available options. In this article, we are having a radio button and our task is to change the color of radio button using CSS. Approaches to Change the Color of the Radio Button Here is a list of approaches to change the color of the radio button using ... Read More

CSS, or Cascading Style Sheets, is a powerful tool for controlling the visual presentation of a webpage. One aspect of this is the ability to adjust the font size of text elements on the page. This can be done by using the font-size property. To set a specific font size for a particular element, we use a class or ID selector in conjunction with the font-size property. In this article we will see multiple example to change the font size using CSS - By using the font-size property, we can set a specific font size for a specific element ... Read More