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
-
Economics & Finance
Articles by Aayush Mohan Sinha
Page 6 of 9
How to add an image as the list-item marker in a list using CSS?
CSS allows you to replace the default bullet points in lists with custom images using the list-style-image property. This creates visually appealing lists that match your website's design theme. Syntax selector { list-style-image: none | url(image-path) | initial | inherit; } Possible Values ValueDescription noneNo image is used (default behavior) url()Specifies the path to the image file initialSets the property to its default value inheritInherits the value from the parent element Example: Custom Image as List Marker The following example demonstrates how to use a custom ...
Read MoreHow to change the height of br tag?
The tag is a commonly used HTML element for adding line breaks in web content. However, sometimes the default height of a line break may be insufficient, requiring you to increase the spacing between lines. In this article, we will explore methods to effectively change the height of a tag using CSS properties and additional line break elements. Syntax selector { line-height: value; } Approach We are going to see two different approaches to apparently change the height of the tag. They are as follows − ...
Read MoreHow to change opacity while scrolling the page?
In this article, we will learn how to modify the opacity of HTML elements based on the user's scrolling position. This technique adds dynamic visual effects to your website and can be accomplished using JavaScript or jQuery along with CSS. Approaches We will explore two methods to change opacity while scrolling ? Using JavaScript − Native JavaScript with scroll event listeners Using jQuery − jQuery library for simplified syntax Method 1: Using JavaScript Here's how to implement opacity changes during scrolling with vanilla JavaScript ? Steps Define the target element ...
Read MoreHow to change Font Size Depending on Width of Container?
Changing font size depending on the width of a container is essential for creating responsive typography that adapts to different screen sizes and devices. You can achieve this using CSS viewport units, media queries, or JavaScript plugins to ensure your text remains readable and visually appealing across all devices. Syntax /* Using viewport units */ selector { font-size: vw; } /* Using media queries */ @media (max-width: value) { selector { font-size: value; } } ...
Read MoreHow to create HTTPS Server with Node.js?
As the consumption of the cyberspace and cloud-dependent applications proliferates, the gravity of safeguarding online data and transactions becomes more apparent. One of the most commonly employed methodologies for securing online communications is HTTPS, which provides an assurance that the information conveyed between the server and clients is ciphered and cannot be effortlessly intercepted by malevolent third parties. In this manuscript, we will probe into the process of building an HTTPS server with Node.js, an influential and adaptable platform for developing server-side applications using JavaScript. We will go over the fundamentals of SSL certificates, the essential components of an HTTPS ...
Read MoreHow to design login dialog using jQuery EasyUI Mobile?
In the fast-paced world of mobile web development, designing a login dialog that is both aesthetically pleasing and highly functional is essential for engaging users and ensuring the success of a web application. With jQuery EasyUI Mobile, a robust and intuitive JavaScript framework, developers have access to a powerful set of tools for creating dynamic and customizable login dialogs. However, for developers unfamiliar with the framework, the process of designing a login dialog using jQuery EasyUI Mobile may seem daunting. In this article, we will guide developers through the step-by-step process of designing a login dialog using jQuery EasyUI Mobile, ...
Read MoreHow to design lazy loading of images/videos for mobiles using jQuery Plugin?
In the present-day world, where mobile devices are dominant, developers are persistently searching for ways to optimize user experience, particularly concerning the loading of hefty media files such as images and videos. One of the remedies to this issue is to implement lazy loading, a technique that procrastinates the loading of non-vital media files until their requirement. With the aid of the jQuery Plugin, developers can effortlessly integrate lazy loading into their mobile web applications, thereby providing an uninterrupted and proficient browsing experience for their users. In this write-up, we shall scrutinize the step-by-step technique to design the lazy loading ...
Read MoreHow to Design Image Slider using jQuery?
In the current era of digital technology, the aesthetics of a website hold significant importance in determining its triumph. The potential to devise an engaging image slider can be the decisive factor that determines whether a user stays on a website or swiftly moves on to a rival's site. A potent tool available to developers for creating alluring image sliders is jQuery, a speedy and feature-packed JavaScript library. With its broad range of plugins and dynamic functionality, jQuery bestows developers with an extensive assortment of possibilities when it comes to designing image sliders that are both captivating and multifunctional. This ...
Read MoreHow to Deploy a Basic Static HTML Website to Heroku?
Conveying a stationary HTML website to a hosting platform can be an intimidating feat, especially for fledgling web developers. However, the emergence of cloud hosting amenities like Heroku has streamlined and made the process more approachable. Heroku, a cloud-oriented platform-as-a-service (PaaS), provides a straightforward and productive technique for deployment and management of web-based applications. This composition entails a comprehensive walkthrough of the step-by-step method of deploying a fundamental stationary HTML website to Heroku, utilizing the Heroku Command Line Interface (CLI) and Git, while concurrently discussing the various configuration options accessible to developers. By abiding by the instructions outlined in this ...
Read MoreHow to demonstrate the use of Ajax loading data in DataTables?
In the realm of web development, the ability to efficiently load data using Ajax can be a game-changer for user experience. DataTables, a powerful jQuery plugin for creating dynamic and responsive data tables, offers a straightforward approach to incorporating Ajax loading into data tables. However, some developers may find the process of integrating Ajax loading into their DataTables challenging. In this article, we will explore the step-by-step approach to demonstrating the use of Ajax loading data in DataTables, delving into the underlying concepts and syntax necessary for success. By following this guide and utilizing the various parameters available within DataTables, ...
Read More