Found 8591 Articles for Front End Technology

How to design lazy loading of images/videos for mobiles using jQuery Plugin?

Aayush Mohan Sinha
Updated on 13-Jul-2023 17:22:58

325 Views

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 More

How to Design Image Slider using jQuery?

Aayush Mohan Sinha
Updated on 13-Jul-2023 17:22:31

3K+ Views

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 More

How to autoplay audio on chrome?

Aayush Mohan Sinha
Updated on 13-Jul-2023 17:21:26

10K+ Views

As the utilization of the internet progresses, the aptitude to initiate auto-execution of audio on web browsers has become a progressively crucial attribute for web designers. Nevertheless, auto-playing of audio on Chrome, which is one of the extensively utilized web browsers, can be a daunting undertaking for those lacking the necessary technical proficiency. However, equipped with the appropriate tools and understanding of the fundamental technologies, the process of executing autoplay of audio on Chrome can be accomplished with reasonable simplicity. In this write-up, we shall delve into the systematic approach of autoplaying audio on Chrome, encompassing the pertinent HTML, JavaScript, ... Read More

JavaScript Program to Find Longest Common Prefix Using Word by Word Matching

Prabhdeep Singh
Updated on 12-Jul-2023 10:08:00

349 Views

Prefixes are the substrings that start from the zeroth index of the given string and can be of any size from 1 to the complete length of the string. We are given a set of strings and we have to find the common prefix among all of them in the JavaScript programming language. We have to implement the word-by-word matching approach in which we will match the words instead of the complete strings. Input arr = ["zefkefgh", "zefkdefij", "zeffdzy", "zefkdabacd"]; Output zef Explanation From all the given strings, we have the first three characters, the same and the remaining ... Read More

JavaScript Program To Write Your Own atoi()

Prabhdeep Singh
Updated on 11-Jul-2023 11:42:17

231 Views

In C programming language we have a function that takes a single string or character array as the parameter and returns an integer that may be represented by the given string, if the current string is invalid then it reads only up to the first valid index and will return that value. We will see the complete code with the explanation. Sample Examples Input 1 string S = "-9845" Output 1 -9845 Explanation We are given a string that represents a number so we have just got the same output. Input 2: string str = "90 uy78" Output 2 ... Read More

How To Deploy ONLYOFFICE Docs On Angular?

Satish Kumar
Updated on 10-Jul-2023 18:32:04

473 Views

Introduction ONLYOFFICE Docs is a powerful self-hosted online office suite that allows users to edit and collaborate on documents. It offers advanced features such as document co-authoring, real-time editing, revision history, and third-party integrations. ONLYOFFICE is an open-source platform that works with different languages and frameworks. Angular, on the other hand, is a popular front-end framework for building web applications. It was developed by Google and provides robust support for building dynamic and scalable applications. With Angular, you can create complex web applications with minimal code. Prerequisites Required Software and Tools First, you will need to have Node.js installed. ... Read More

How to make div with left aligned text and right aligned icon using CSS ?

Saba Hilal
Updated on 10-Jul-2023 18:02:57

2K+ Views

The tag is used to specify a division. It means a container or a section in an HTML page. Sometimes, inside a div container, text and icons are both needed. And sometimes, the need is to align the text on the left while putting the icon on the right in the same line. The CSS or Cascading Style Sheets means style specifications that are used for formatting an HTML document. It is used to give the style to the web page and its elements. In this HTML-CSS article, using three different examples, the ways to show how to ... Read More

Working with Excel Files using Excel.js

Mukul Latiyan
Updated on 22-Jun-2023 17:26:03

6K+ Views

In order to work with the Excel.js, you need to first install the package as a dependency in your project. To install Excel.js in your project, you need to run the following command − npm install exceljs Once you run the above command, Excel.js will be installed as a dependency in your project. In all the examples used in this tutorial, we will work with "xlsx" files that are open XML spreadsheet files used in Microsoft Excel. Working on ExcelJS Cells In the example shown below, we are working with Excel sheet cells. To get a reference of a ... Read More

How to Scrape a Website using Puppeteer.js?

Mukul Latiyan
Updated on 22-Jun-2023 13:32:43

405 Views

Web scraping is one of the best ways in which one can automate the process of data collection from the web. Normally we refer to a web scraper as a "crawler" who simply surfs the web and then gives us the scraped data from the pages that we selected. There are many reasons for automating the data scraping process as it is much easier than the process of manually extracting the data from different web pages. Scraping is also a very good solution when the web page that we want to extract the data from doesn't provide us with any ... Read More

How to Bundle up JavaScript Files using Rollup.js?

Mukul Latiyan
Updated on 22-Jun-2023 13:27:54

623 Views

In this tutorial, we will understand how to use rollup.js to bundle JavaScript files. Before we do that, the first step is to get familiar with the JavaScript module bundler called Rollup, which compiles the files of multiple sources into a single bundle. Rollup is similar to webpack and Browserify. It is more popular than many of the other bundlers out there because of its ability to keep the files small even after bundling them into a single unit. There are multiple features that Rollup brings to the table, some of them are mentioned below − Development is ... Read More

Advertisements