Found 8895 Articles for Front End Technology

How to set different background properties in one declaration?

Shabaz Alam
Updated on 12-Apr-2023 15:38:25

194 Views

CSS (Cascading Style Sheets) is a powerful tool for designing the visual appearance of a website, including the background properties. Using CSS, the background properties of a webpage can be easily customized to create unique designs that enhance the user experience. Using one declaration is an efficient way to set various background properties, which is useful for web developers to save time and keep their code concise. Understanding Background Properties Before setting multiple background properties in one declaration, we need to know the different background properties available in CSS and understand how each property works. Here is a brief overview ... Read More

How to set date and time when the text was deleted using HTML?

Shabaz Alam
Updated on 12-Apr-2023 15:35:49

106 Views

When working with HTML to create a web content, it is common to make changes to text and remove old or wrong information. It is important to keep the content up-to-date, while it is also important to keep a record of when changes are made. In HTML, setting the date and time when the text was deleted is a simple process. Syntax content…. Here is a datetime attribute in the del element, which specifies the date and time when the text was deleted. Using the Del Element in HTML We use tag, to delete a text ... Read More

How to set color opacity with RGBA in CSS?

Shabaz Alam
Updated on 12-Apr-2023 15:34:50

959 Views

CSS is a powerful tool that allows developers to create amazing websites with a variety of design elements. Opacity is one of those elements. It is an important aspect of web design, which allows developers to adjust the transparency of a color. Here, we will explore how to use RGBA to set color opacity in CSS What is the RGBA Color Model? RGBA stands for Red Green Blue Alpha. It is a color model with an additional alpha channel that is similar to the RGB color model. The first three values represent the red, green, and blue components of the ... Read More

Fabric.js Circle centeredScaling Property

Shabaz Alam
Updated on 13-Apr-2023 09:16:15

126 Views

Fabric.js is a powerful JavaScript library that enables you to create and manipulate canvas objects with ease. The centeredScaling property is one of the useful properties in fabric.js, which is very helpful when working with circles. This property allows us to scale the circle from its center point. It is incredibly helpful in certain design scenarios. What is Centered Scaling? Centered scaling is a property of Fabric.js objects that allows us to resize an object from its center point instead of a corner. This property maintains the position of the object relative to its center point, which means that it ... Read More

How to set caption for an image using HTML?

Shabaz Alam
Updated on 12-Apr-2023 15:22:28

11K+ Views

HTML, or Hypertext Markup Language, is used to create web pages and define their structure and content. HTML has varieties of elements to create a web page. The image element is one of the essential elements of web content. Images are a powerful tool for presenting ideas and feelings on a web page and enhancing the visual appeal of a web page. Additionally, Image captions make this even more powerful because images alone are not enough to convey a message or provide context. Captions are short descriptions that provide additional information to the viewer along with the images. ... Read More

How to set checkbox size in HTML/CSS?

Shabaz Alam
Updated on 12-Apr-2023 15:18:40

4K+ Views

HTML, or Hypertext Markup Language, is used to create web pages and define their structure and content and CSS has the ability to style them. HTML has a verity of elements to create the web page including web form. Checkboxes are an important part of web forms and user interfaces. Checkboxes are used when more than one option is required to be selected. By default, checkboxes in HTML are small, which is sometimes not suitable for design requirements. However, the size of the checkbox can be adjusted as per the requirement using CSS. What is Checkbox? In HTML checkbox is ... Read More

How to Set Color of Progress Bar using HTML and CSS?

Shabaz Alam
Updated on 02-Jul-2024 14:24:06

15K+ Views

To set color of progress bar, is an important part of website as progress bar displays progress of any process like file downloads, loading time, file uploads, and other similar tasks. In this article, we have a progress bar whose by default color is grey, our task is to change the color of the progress bar. Approaches to Set Color of Progress Bar Here is a list of approaches to set color of progress bar using html and css with step wise explaination and complete example codes. Progress Bar Color Using background Property ... Read More

JavaScript Program for Rotate a Matrix by 180 degrees

Prabhdeep Singh
Updated on 12-Apr-2023 12:25:24

212 Views

A square matrix is a kind of 2-D array with an equal number of rows and columns and we have to rotate the matrix by 180 degrees anticlockwise. Rotating a matrix anti-clockwise means first converting all the rows into columns and the first row will be the first column and then again rotating the rows into columns and the first row will be the first column and so on. Let’s see an example − Input 1: N = 3 Matrix = [ [1, 2, 3], [4, 5, 6], [7, 8, 9] ] Output 1: ... Read More

JavaScript Program For Reversing Alternate K Nodes In A Singly Linked List

Prabhdeep Singh
Updated on 12-Apr-2023 12:23:26

88 Views

Reversing a linked list means arranging all the nodes of the linked list in the opposite manner as they were present earlier or moving the elements present at the last of the linked list towards the head and head nodes towards the tail. Alternate K nodes reversing means reversing the first k elements and then keeping the next k elements the same and again reversing the next k elements and so on. We will see the codes with the different approaches and explanations for each of them. For example If the given linked list is the: 1 ... Read More

JavaScript Program For Reversing A Linked List In Groups Of Given Size

Prabhdeep Singh
Updated on 12-Apr-2023 12:22:20

133 Views

A linked list is a linear data structure that consists of interconnected nodes. Reversing a linked list means changing the order of all its elements. Reversing a linked list in groups of a given size means, we are given a number and we will reverse the first given number of elements, and then for the next set we will reverse the elements. We will see the proper code with implementation. Examples Given linked list: 1 -> 2 -> 3 -> 4 -> 5 -> 6 -> 7 -> 8 -> null Given number: 3 Output: 3 -> 2 -> ... Read More

Advertisements