Front End Technology Articles - Page 109 of 652

To adjust CSS for specific zoom level, we will be using CSS media queries which changes the div box style for different zoom levels. In this article, we will be discussing step wise process for using media queries to adjust CSS for specific zoom level. In this article, we are having a div box with initial green background and our task is to adjust CSS for specific zoom level. Steps to Adjust CSS for Specific Zoom Level We will be following below mentioned steps to adjust CSS for specific zoom level. We have used div ... Read More

In an HTML web page, the space between elements refers to the area around and between different elements, such as text, images, and other HTML elements. There are several ways to add space between elements in web design. One common method is to use CSS (Cascading Style Sheets) to create margins and padding around elements. Adding space between HTML elements using CSS Web design often requires adding space between elements to create a visually pleasing layout and improve readability. Web design has several ways to add space between elements. One common method is to use CSS (Cascading Style ... Read More

The space character (" ") is used to add space between elements in CSS. it used in the content property of a pseudo-selector, such as :after or :before, it creates a blank space that can be used to separate elements or add visual spacing to a web page. In annexation to using the space character, we can also use other CSS properties such as margin, padding, border, or width to add space between elements. These properties allows to control the amount of space and the position of space between elements. Adding space (" ") after an element using :after ... Read More

A non-standard font refers to any font that is not a part of the default set of fonts that are available in most browsers in CSS. Default fonts, including Arial, Times New Roman, and Verdana, are standard fonts because they are pre-installed on most computers and devices. Non-standard fonts are fonts that are not pre-installed and must be specifically loaded onto a website in order to be used. These fonts can be obtained from websites such as Google, Adobe, or MyFonts. They can also be custom-designed or purchased. Using non-standard fonts helps to add a unique and personalized touch ... Read More

A quote is a text element that is used to indicate a quotation or a passage of text that is being referenced or cited. There are two main ways to create a quote in HTML: the "blockquote" tag and the "q" tag. Adding a section that is quoted from another source using HTML To add a section that is quoted from another source in an HTML document, we use the tag. The tag is used to indicate that the enclosed text is a quote from another source. To use the tag in your HTML ... Read More

Rounded corners add a soft and smooth look to a website and make it more visually appealing. It is a subtle design element that can make a big difference in the overall look and feel of a website. In CSS, a rounded corner is a design element that creates a rounded edge on the corners of an HTML element, such as a div, a button, a form, or an image. The "border-radius" property is used to create rounded corners in CSS. The value of this property determines the radius of the rounded corners. The "border-radius" property can be applied ... Read More

The container component creates a container on the web page like a box. Also, we can set the height of the container according to the height of the inside content. Furthermore, we can set the variable width for the Container component. Basically, we can use the Container to create a Rectangular box and add some HTML content inside that. Users should use the below command to install the Material UI in the React project. npm install @mui/material @emotion/react @emotion/styled Syntax Users can follow the syntax below to use the Cotnainer component of Material UI. ... Read More

The checkbox allows users to select multiple values in the form. Also, it is useful to take the Boolean response from the users. For example, an Instagram-like button is a kind of checkbox. When users like the post, it shows the filled icon; Otherwise, it shows the border icon. Here, we will learn to handle single and multiple checkboxes in ReactJS. First, we will create the custom checkboxes and then learn to use the checkbox component of Material UI. Create a Custom Checkbox Component in ReactJS We can use the normal HTML input to create a checkbox in ... Read More

Sometimes, developers may require to upload a file without using the form in JavaScript. Generally, we create a form to get the data and files from the users, but in this tutorial, we will learn to get the file from users without a form and send it to the backend. Use the FormData() object and Ajax Request The FormData object allows us to store the form data in the key value pair. We need to initialize the variable with a constructor. We can allow users to upload files using HTML input and store that file in form data. After ... Read More

Whenever we create any application or website, we require to identify computers visiting the website uniquely. There are a lot of benefits to uniquely identifying computers. For example, you are providing some services to your users. By uniquely identifying the computer, you can give free service for a trial purpose when a user visits your website for the first time from a new device. When a user visits again, you can ask users to buy premium or subscribe to your application. Here, we will use cookies to identify the computer visiting web site. What are cookies? The ... Read More