Found 8895 Articles for Front End Technology

How to Create Left Positioning Icon Using jQuery Mobile?

Aayush Mohan Sinha
Updated on 13-Apr-2023 15:46:02

212 Views

Fashioning a flawless user interface is an indispensable facet of present-day web design. A user-friendly arrangement that fosters effortless traversal is a prerequisite for any website, and this is where jQuery Mobile emerges as an invaluable resource. By virtue of its numerous and sundry user interface components and widgets, jQuery Mobile streamlines the task of fashioning mobile-friendly web pages. Among these widgets is the icon for left positioning, which is frequently employed as a graphic symbol for a navigation drawer or slide-out menu. In this exposition, we shall delve into the art of developing an icon that is positioned to ... Read More

How to create Left arrow icon using jQuery Mobile?

Aayush Mohan Sinha
Updated on 13-Apr-2023 15:07:32

198 Views

In the realm of cybernetic evolution, pictographs perform an indispensable function in enhancing user interfaces with greater perceptibility and ease of use. Amidst the abundance of ideograms, the sinister arrow serves as a ubiquitous tool for the purpose of navigation. If you aim to append this indispensable pictogram to your site or app, jQuery Mobile proposes an expedient and propitious approach. The present document will lead you through the gradual procedure of contriving a left-facing arrow emblem using jQuery Mobile, commencing with configuring the setting to altering the outlook of the icon. Therefore, let us plunge into the realm of ... Read More

How to create image magnifier using?

Aayush Mohan Sinha
Updated on 14-Jul-2023 17:06:05

654 Views

In the contemporary digital era, where the visual appeal of a website is of utmost importance in captivating users, it is crucial to integrate interactive and enthralling components into your web pages. A prominent example of such features is an image magnifier that permits users to zoom in on pictures for a closer inspection. By utilizing the power of HTML and CSS, it is plausible to fabricate a straightforward yet potent image magnifier that enhances the user experience and imparts a polished touch to your website. This piece of writing shall expound upon the requisite steps and methodologies involved in ... Read More

How to Create Image Lightbox Gallery using HTML CSS and JavaScript?

Aayush Mohan Sinha
Updated on 13-Apr-2023 15:39:48

3K+ Views

In the contemporary epoch of computational technology, the impact of visual media cannot be overemphasized in captivating and retaining the attention of your viewers. A lightbox gallery that showcases images on a web page is an influential mechanism that advances user interaction by furnishing a user-friendly and uncomplicated interface. Why not experiment with this tool and discern for yourself how it can elevate the performance of your website? With the assistance of HTML, CSS, and JavaScript, one can fabricate a bespoke image lightbox gallery that can be effortlessly integrated into a website. In this exposition, we will adopt an incremental ... Read More

How to Create Image Hovered Detail using HTML & CSS?

Aayush Mohan Sinha
Updated on 13-Apr-2023 15:37:55

688 Views

Creating image hover effects with text detail can add an extra level of interactivity to your website. By utilizing a scant amount of HTML and CSS, you have the ability to bring still images into existence with elucidatory verbiage that materializes as soon as the user hovers over them. This instructional session shall direct you along the path of formulating an uncomplicated icon hover impact, encompassing the requisite HTML code and CSS decoration in order to actualize the end result. Irrespective of whether you are a neophyte or a seasoned web creator, the present discourse shall furnish you with the ... Read More

How to create Image Folding Effect using HTML and CSS?

Aayush Mohan Sinha
Updated on 13-Apr-2023 15:35:43

602 Views

In today's digital age, creating visually appealing and interactive user interfaces has become a crucial aspect of web design. One of the popular effects used in modern websites is the Image Folding Effect. This effect provides a unique and engaging way to showcase images on your website. The art of Image Folding Effect can be created through the application of HTML and CSS, which are the fundamental components of contemporary digital structures. In this piece, we shall direct you through the progression of concocting an Image Folding Outcome, bit by bit, employing HTML and CSS. By the end of this ... Read More

How to Change Image Source URL Using AngularJS?

Aayush Mohan Sinha
Updated on 13-Apr-2023 15:30:40

906 Views

AngularJS is a prevalent and potent framework for creating the front-end of web applications, enabling developers to produce dynamic and interactive web pages with great ease. An essential aspect of AngularJS is the capability to modify HTML elements and their characteristics dynamically, offering greater flexibility and customization to developers. One such conventional circumstance is dynamically altering the source Uniform Resource Locator (URL) of an image, which can be highly advantageous in diverse web-based programs. In this scholarly composition, we shall delve into the methodology of modifying the image source Uniform Resource Locator (URL) using AngularJS, and ascertain how to utilize ... Read More

JavaScript Program To Add Two Numbers Represented By Linked Lists- Set 1

Prabhdeep Singh
Updated on 04-May-2023 11:02:09

153 Views

Adding two numbers is an easy task but could be tricky if the numbers are given in the form of the linked list. Each node of the linked list contains the digit of the number it represents in a continuous manner from the first node to the last node. We will be given two linked lists representing two different numbers and we have to add them and return the third number in the form of a linked list. Input 1 -> 2 -> 3 -> null 3 -> 2 -> 4 -> null Output 4 -> 4 -> 7 ... Read More

JavaScript Program to Check horizontal and vertical symmetry in binary matrix

Prabhdeep Singh
Updated on 18-Apr-2023 09:08:38

308 Views

A binary Matrix is a 2-D array that consists of one and zero only as the elements in each cell. Horizontal symmetry of a binary matrix means if the first row is the same as the last row, the second row is the same as the second last row, and so on. Similarly, vertical symmetry means if the first and last column, second and second last column, and so on are the same. In this problem, we are given a matrix and we will find if horizontal and vertical symmetry is present in it or not. Input1 0 1 0 ... Read More

JavaScript Program for Writing A Function To Get Nth Node In A Linked List

Prabhdeep Singh
Updated on 04-May-2023 10:58:19

71 Views

Linked list is a linear data structure and all the nodes are connected to each other by storing the address of the next node. To find the nth node in a linked list means to get the value present at the nth node of the given linked list and that can be done by two methods that are iterative and recursive method. Example Given linked list: 1 -> 2 -> 3 -> 4 -> 5 -> 6 -> null Node to find: 3 Output 3 Explanation: The value present at the third node is 3. Iterative Approach ... Read More

Advertisements