Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Articles by Aayush Mohan Sinha
Page 8 of 9
How to Change Image Source URL Using AngularJS?
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 MoreHow to create Left arrow icon using jQuery Mobile?
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 MoreHow to create Nested Accordion using Google AMP amp-accordion?
Nested accordion menus are an effective way to organize and present large amounts of information in a compact and intuitive manner. With the growing importance of mobile devices in accessing the internet, it has become increasingly important to optimize web pages for faster loading and improved user experience. This is where the Google Accelerated Mobile Pages (AMP) project comes into play, offering a streamlined and fast-loading way of creating web pages for mobile devices. In this article, we will explore how to create nested accordion menus using Google AMP’s amp-accordion component, providing a clear and organized way to present complex ...
Read MoreHow to Create Navigation Links using HTML5?
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 MoreHow to create multiple background image parallax in CSS?
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 MoreHow to change SVG color?
Scalable Vector Graphics (SVG) have gained widespread popularity as a format for producing high-quality vector graphics that can be resized to any extent without any loss in resolution. An added benefit of employing SVG is its capability to alter the color of the graphic to match specific preferences. If you seek to harmonize the hues of your website or fine-tune the chromatic palette for a particular objective, modifying the color of an SVG can be readily accomplished with CSS. This article endeavors to lead you through the steps of altering the color of an SVG, starting with pinpointing specific elements ...
Read MoreHow to Add Commas Between a List of Items Dynamically with CSS?
Lists that contains multiple items are frequently used in websites, and separating them with commas can help enhance readability and user experience. The conventional method of adding commas to lists is to do add them manually. However as you might have already guessed this can be an arduous and time-consuming process, particularly for long lists. Fortunately, the ability to add commas dynamically to lists of items with CSS is an excellent solution. ~ Selector The ~ selector in CSS is used to select all the elements in the HTML DOM which are preceded by the desired element. Syntax el1~el2 { ...
Read MoreHow to add caption for the parent content in HTML5?
It might not come to your surprise that web designers of today are continually exploring innovative ways to enhance the user engagement and interaction on their sites, thereby creating a lasting impact on the users. An effective way to achieve this is by incorporating captions for the multimedia present on their webpages. By including captions for the images, videos, and other visual aids, the web developer can offer additional context and essential details to the users, facilitating better accessibility to the website content, particularly for users who might have difficulties comprehending the visual information. Syntax ...
Read MoreHow to add border to an element on mouse hover using CSS?
CSS provides developers with tremendous power to customize and style their page in whatever way they want. One of the many features it provides to enable this level of customization is the ability to add interactivity to web elements. Hover effects can provide a more dynamic user experience. By applying a border to an element on mouse hover, the user is given a visual cue that they have interacted with that element. Syntax selector:hover { /* CSS property and values to be applied on hover */ } :hover Selector The :hover selector in CSS is used ...
Read MoreHow to add bootstrap toggle-switch using JavaScript?
The Bootstrap library provides a number of features to the user to make their coding experience smooth. One of such features which the user can choose from is the toggle-switch. The toggle-switch, one of its useful features, provides users the ability to add components which can switch between two states such as on and off. Bootstrap Toggle-switch The Cascading Style Sheets (CSS) framework Bootstrap is a toolkit that makes it simpler and more standards-compliant to create websites. It can be used, alongside JavaScript, to create a responsive user interface. The simple Bootstrap toggle-switch component is used to select one of ...
Read More