Found 8959 Articles for Front End Technology

How To Deploy ONLYOFFICE Docs On Angular?

Satish Kumar
Updated on 10-Jul-2023 18:32:04
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
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
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
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
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

How to Build a REST API with Fastify?

Mukul Latiyan
Updated on 22-Jun-2023 13:21:46
Fastify is a framework that is mainly designed to do backend development in JavaScript. It is one of the lightest backend framework that one can work with, and it is one of the main reasons why it is preferred if you want to avoid the heavier node frameworks like Express and Hapi. Since its inception, multiple versions of Fastify have been released. In the latest version, we get the capability to even verify the incoming and outgoing requests as well as the request parameters. It might not come as a surprise that the people who developed Fastify claim that it ... Read More

How to divide text into two column layout using HTML and CSS?

Tapas Kumar Ghosh
Updated on 08-Jun-2023 13:57:51
In HTML, we have division element that can be used to create a column partition section on the webpage. To fill the text inside the div box it has used the paragraph element. Then styling the properties of HTML elements by using internal CSS. This type of example is used to display the differentiation question and when it has been designed through code for a better look. Syntax The following syntax is used in the example − The div element specifies a division or section in the HTML page. …..write some text…. The p element defines the ... Read More

How to divide HTML page into four parts using frame?

Tapas Kumar Ghosh
Updated on 08-Jun-2023 13:54:00
In the Frameset attribute of HTML, we can define the rows’ and columns' dimensions in percentage as well as in pixels. The collection of different frames is known as a frameset. To make a particular section of the frame it has to use the frame element. Each frame defines some uniqueness on it without disturbing any other frame. In this article, we are going to get a walkthrough of the process of dividing an HTML page into four Parts using this frameset. Syntax The following syntax is used in the examples − A frameset is an HTML element ... Read More

How to dynamically create \'@-Keyframe\' CSS animations?

Tapas Kumar Ghosh
Updated on 08-Jun-2023 17:14:39
In CSS, the @keyframes rule specifies a sequence of styles that an element should go through during the animation. Here in this article, we will learn how to create dynamic animations using these sequences in ‘@-keyframe’ rule. The ability to animate components on a web page in response to user interaction or changes is referred to as dynamic animation in CSS. Text, graphics, and buttons are examples of components that may be utilised to create visually attractive and engaging user experiences. These styles are then applied to the element via the animation property, which sets the animation's duration, timing function, ... Read More

How to draw with mouse in HTML 5 canvas?

Tapas Kumar Ghosh
Updated on 08-Jun-2023 12:44:25
HTML5 has a division element to create the box to draw with the mouse. Developers can create dynamic, interactive graphics for the web using the strong and adaptable HTML5 canvas technology. Drawing on canvas can be performed with a variety of tools and methods. The users can create free-form shapes and lines by dragging their cursor across the canvas when drawing with a mouse, i.e. a common technique. Simple sketches of all diagrams and illustrations will be produced using this method. Properties Used The following properties are used in the example − width − Define the width of the ... Read More
1 2 3 4 5 ... 896 Next
Advertisements