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

Redux is a state-management library for JavaScript programs. It provides a central location to store all state information for an application and a predictable way to alter the state using actions and reducers. React Native is a framework for building native mobile applications using React. To utilize Redux with React Native, users must integrate the Redux store with their React Native components. To use Redux with ReactNative, we will follow some steps described in short, and later we will discuss the process more descriptively. First, install the Redux and React-Redux libraries. To construct a store, use the ... 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

What is Recursion? The word recursion came from the recurring, meaning comes back to again and again. The recursion function is the function calling itself again and again by changing the input step by step. Here, changing the input by one step means decreasing or increasing the input by one step. Whenever a recursive function hits the base condition, it stops its execution of itself. Let’s understand what is the base condition by one example. For example, we need to find the factorial of a number. We call the factorial function by decreasing the input by 1, and we ... Read More