Found 8895 Articles for Front End Technology

How to Create Navigation Links using HTML5?

Aayush Mohan Sinha
Updated on 11-Apr-2023 16:11:28

657 Views

Generating navigation links is a pivotal element of developing websites as it enables users to easily peruse and locate the information they require. In this exposition, we will expound on the procedure of creating navigation links utilizing HTML5, the most recent iteration of the Hypertext Markup Language. HTML5 provides semantic attributes and elements that facilitate the arrangement and exhibition of content on the internet. With the guidance of this piece of writing, you will acquire the knowledge of utilizing HTML5 to establish a navigation menu that is coherent, structured, and easy to use. Syntax ... Read More

How to create Mini sized selects using jQuery Mobile

Aman Gupta
Updated on 11-Apr-2023 15:37:22

168 Views

Overview The jQuery provides the attributes with value by which the dropdown list is created without adding the external styling to the element. The mini sized selects with the help of jQuery mobile can also be created by setting the “data-mini” value as true. The dropdown list is created which helps to select the options from the list of given options. Syntax The simple HTML selects syntax is used in this to create a list − Content Delivery Network (CDN) Links The given below links are used to ... Read More

How to create a Mini Button using jQuery Mobile

Aman Gupta
Updated on 11-Apr-2023 15:44:14

126 Views

Overview The jQuery comes up with certain classes by defining those classes in the anchor element, input tag or in a button tag we can create a mini button. The jQuery mobile has its own styling with their classes so there is only need to link the Content Delivery Network (CDN) link with the web page in which we are building the mini button. There are certain class by which we can create the button in jQuery mobile they are − ui-btn − This class creates a jQuery mobile button, by defining this class in an element the ... Read More

How to create the loop structure in LESS

Aman Gupta
Updated on 11-Apr-2023 14:54:20

105 Views

Overview Loops make our code clean and help to run the same lines of code multiple times. This makes a code to not to write the same lines of code multiple times. So to style the multiple containers and objects the same can be done by writing a line of code and repeating the same styling property several times. So to come up from this problem, Leaner Style Sheets (LESS) provides a looping facility by using which we can make our code readability easy and can save the developer time of developers in writing numbers of lines of styling property ... Read More

How to create multiple background image parallax in CSS?

Aayush Mohan Sinha
Updated on 11-Apr-2023 14:26:27

1K+ Views

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

How to create list with roman number indexing in HTML

Aman Gupta
Updated on 21-Nov-2023 21:24:34

5K+ Views

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

How to create a link with media attribute in HTML5

Aman Gupta
Updated on 11-Apr-2023 14:50:05

355 Views

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

How to create the LESS file and how to compile it

Aman Gupta
Updated on 11-Apr-2023 14:47:48

530 Views

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

How to create Home icon using jQuery Mobile

Aman Gupta
Updated on 11-Apr-2023 14:23:12

302 Views

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

How to create a header cell in a table using HTML5

Aman Gupta
Updated on 11-Apr-2023 14:08:07

198 Views

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

Advertisements