Parallax scrolling is a frequently employed design technique that adds a sense of movement and depth to web pages. This is accomplished by moving separate page elements at distinct speeds to simulate the effect of depth on a flat surface. A unique and imaginative approach to implementing this technique is to utilize numerous background images in CSS. In this article, we will be exploring how to create a multiple background image parallax effect in CSS, including the steps to set up the HTML structure and the CSS styling needed to create the desired effect. Whether you are a beginner or ... Read More

Overview Indexing are the numbers which indicate the points or a position of a sentence. In HTML, we can do indexing in two ways: Unordered List (ul) and Ordered List (li). To make a list with a roman number in HTML we use the tag, the roman number is the number which is written in sequence so we use ordered list instead of unordered list. To make the ordered list with a roman number we should define the type of ordered list, that is the indexing in the list should be ‘a’, ’A’, ’I’ or ‘i’. So to make ... Read More

Overview There are many types of attributes in HTML5, these attributes provide additional functionality to the page. The media attribute is used with the link tag which has different values which are used in different states. These values are: print, all, screen, speech. The ‘print’ value is used with the link tag to provide the print preview of the page. If we want to change style on printing the page then we can use this print value with the media attribute. Sometimes there are some styling for which we had to come up with the same styles for all types ... Read More

Overview  A Leaner Style Sheets (LESS) is a dynamic preprocessor language the base language of it is Cascading Style Sheet (CSS). All the preprocessor languages are the upgraded version of the base language, so the LESS also has many more additional features. The LESS has a feature of variable, parent selector, mixins, nested selector, etc. In java on compiling the source code of “.java” file it produces the output as the “.class” file, same as java the LESS file on compiling the “.less” file produces a new file “.css” as output Approach To create and compile a LESS file we ... Read More

Overview The home icon can be created from the jQuery mobile icons library. This home icon is useful in the navbar area of a web page for navigation to the home page. So the home icon gives an attractive look to the navbar of the webpage. To create a home icon the jQuery mobile icons library has predefined classes which can be used to create a home icon. These classes can be defined in any element as class name and the home icon will be created for that particular element in which the classes are defined. Approach To ... Read More

Overview A cell in a table is a convergence of two things, a row and a column. The header is the top row of the table whose columns contain a category name of what category the data will be in below cells. So as in this problem we are going to create a cell for header of a table, so for header cell the convergence of the table row that is “” and convergence of table header column that is “” will create a header cell for a table in HTML5. Syntax The syntax to create header cell in ... Read More

Overview A group of related options is a group in which all the items lie under the same category. For example apple, banana, kiwi all lie under the same group called fruits and BMW, Audi, G-Wagon these all lie under a category of cars. So sometimes to give a good user experience we need to define a category under which the other options lie. For this there is a tag in HTML to provide a feature, to group the same options under a category known as “” tag. Syntax The syntax to define the group of related options is ... Read More

Overview The Grid icon in any web application can also be developed using jQuery Mobile, as the jQuery mobile icon library provides the benefit of many icons. So to create the jQuery Grid icon there are some pre-built classes by the jQuery icon library that can be used to create the grid icon. As we define the class name for any element in the bootstrap to create a component the same as it is we have to define the class in the HTML element which will create a grid icon. Approach To create a clickable grid icon button ... Read More

Overview Buttons are the components in HTML which perform a certain action when clicked. Various buttons perform various actions. The HTML has some predefined buttons with a certain type of action. In a HTML form when the tag is used by default, the simple button inside the form tag is of type submit. So when you click on a button inside the form tag it will submit the form on your desired path and depends on the GET and POST request. The submit location is defined in the action attribute of the form. The HTML form by default is ... Read More

Overview To create a HTML form fully dynamic can be created using some of the Document Object Model (DOM) methods such as createElement(), setAttribute(), appendChild(). These DOM methods will help us to build a dynamic HTML form. Our approach to building this dynamic form will be by creating all the elements in the script tag , setting the attribute to add some functionality and at last when our element is ready to serve we will append it in the parent of the element. So all the elements appended inside the parent form tag are the children elements. Syntax The ... Read More