Tweening and Animating HTML5 and JavaScript Properties with Tween.js

Mukul Latiyan
Updated on 15-Jun-2023 16:56:36

705 Views

Tween.js is a JavaScript library that is mainly used when we want to tween or animate an HTML5 or JavaScript property. It can work standalone as well as when integrated with Easel.js. In this tutorial, we will learn how we can make use of Tween.js with the help of a few examples. Before we go on to the main example, let's first discuss a few simple tweens so that when we use them in the main example, you don't get overwhelmed. Simple Tween In this tween, we will tween the alpha property of the target from 0 to 1 for ... Read More

Swift Program to Generate a Password

Ankita Saini
Updated on 15-Jun-2023 16:35:50

689 Views

A password is a combination of various characters of a specified length and is used to authenticate or gain access to the system or login to an account. It is designed for security purposes and ensures that only an authorized user can access or log in to the specific account. It is important to select a strong password so that other people cannot crack it. It is generated according to the following conditions − Contains at least one uppercase letter. Contains at least one lowercase letter. Contains at least one number. Length must be 8 characters Contains at ... Read More

Add Animations to a Webpage Using Velocity.js

Mukul Latiyan
Updated on 15-Jun-2023 16:19:30

496 Views

Animations have become a very integral part of website interfaces in today's web development world. They help in enhancing the user experience of a website and in this article, we will learn how we can make use of Velocity.js to add beautiful animations to our web pages. VelocityJS is a JavaScript animation engine that provides us with very fast performing animations that we can use in our web pages. It has become one of the leading animation engines and there are different reasons for its success. I have mentioned some of the most important reasons that make it a very ... Read More

Generate OTP in Swift

Ankita Saini
Updated on 15-Jun-2023 16:16:30

652 Views

An OTP is known as a one-time password. It is an automatically generated random numeric string which is used for a single login session or transaction on digital devices. It is generally used to enhance security by providing extra authentication. For example, “423193”, “489201’, etc. To generate OTP Swift provides the following methods − Using random() method Using randomElement() method Method 1: Using random() method As we know that OTP is a randomly generated string. So to generate a random string Swift provide an inbuilt function named as random(). It is used to create a random string of ... Read More

Working with HTML5 Canvas Elements using EaselJS

Mukul Latiyan
Updated on 15-Jun-2023 15:16:14

363 Views

The popularity of HTML5 Canvas elements is well known, as they allow web developers to create animations, full-fledged applications, interactive charts as well. But sadly, it is very hard for someone to understand canvas, especially if he/she has come from the Flash animation background. In this tutorial, we will explore the Easel.js library, which allows us to work with HTML5 Canvas elements. The syntax of Easel.js is similar to ActionScript and it even has features like Display List, Stage, Graphics which ultimately makes the use of canvas easier for the Flash developers. Now that we have a little idea about ... Read More

Validating a Form with Parsley.js

Mukul Latiyan
Updated on 15-Jun-2023 15:07:51

2K+ Views

In this tutorial, we will show how you can use Parsley.js, which is a JavaScript library that is mainly used to validate forms. Parsley helps in validating the forms in a very subtle and easy manner, and it is one of the widely used form validation libraries out there. Features of Parsley.js There are plenty of reasons why Parsley is a good choice for validating your JavaScript forms. Some of them are mentioned below. Intuitive DOM API − The DOM API allows you to use simple English inside your HTML tags, and Parsley will do the rest. There's no ... Read More

TaffyDB – A JavaScript Database for Your Browser

Mukul Latiyan
Updated on 15-Jun-2023 14:48:55

570 Views

TaffyDB is a lightweight and powerful in-memory database that can be used in both browser and server-side applications. It is open-source and free to use. In this tutorial, we will take a couple of examples to show how you can use TaffyDB to store some data, execute some queries on the data, and also perform important operations on the data. Let's Start with a Simple Example Let's start with a very basic example in which we will create some data and then try to print that data on the browser. The first step for us is to have TaffyDB. For ... Read More

Position Tooltips and Popovers Using Popper.js

Mukul Latiyan
Updated on 15-Jun-2023 14:21:29

3K+ Views

Popper.js is a JavaScript library that is used when we want to build poppers and tooltips and manage them. It helps us in positioning tooltips and popovers in most modern web applications. In this tutorial, we will show how you can use Popper.js to position tooltips, but it should be noted that Popper is not just all about tooltips, yet is somewhat the foundation on which it is built. Let's Start with a Small Example Let's create a simple tooltip with a button to understand how we can use popper.js. The first step is to install popper.js on our machine. ... Read More

Create Your First Chart with FusionCharts JS

Mukul Latiyan
Updated on 15-Jun-2023 13:43:10

597 Views

FusionCharts is a JavaScript library that you can use when you want to create charts and maps and put them in your web application. In this tutorial, we will show how you can use FusionChart.js to create two different charts. Before we learn how to create charts, the first important thing is to know how we can install FusionCharts onto our local machines. Installing FusionCharts There are multiple ways with which we can install FusionCharts. Using CDN You can use the CDN link given below to directly gain access to the files of FusionCharts. Install from NPM You ... Read More

Creating a Data Grid in JavaScript with Handsontable

Mukul Latiyan
Updated on 15-Jun-2023 12:18:37

776 Views

Handsontable is a JavaScript library that is used when we want to create a data grid. It provides a spreadsheet-like experience, pretty similar to Excel. In this tutorial, we will explain how you can use handsontable.js to create a data grid with your own data. In addition, we will see how to use different options available in handsontable.js. While there might be different spreadsheets like grid creators that you can use, the handsontable.js stands out from most of them because of its ability to work with vanilla JavaScript, React or Angular as well. Before you can start working with handsontable.js, ... Read More

Advertisements