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 on Trending Technologies
Technical articles with clear explanations and examples
How to add blur-in and blur-out animation to a Polyline using FabricJS?
We can create a Polyline object by creating an instance of fabric.Polyline. A polyline object can be characterised by a set of connected straight-line segments. Since it is one of the basic elements of FabricJS, we can also easily customize it by applying properties like angle, opacity, etc. Since blur is not available in FabricJS itself, we will use CSS to add blur-in and blur-out animation to our Polyline. Syntax filter: blur(Xpx) Here, "X" is the property that accepts a Number value which determines the amount of blur to apply. Example 1: Adding blur-in animation to a polyline ...
Read MoreDifference between DMM and Oscilloscope
DMM is an abbreviation for digital multimeter, which can measure voltage, current, and resistance. DMM is used to test the circuit's continuity. In contrast, an oscilloscope is used to visualize electrical signals. Oscilloscope monitors and shows changes in an electrical signal over time on a screen. Oscilloscopes are utilized for circuit debugging, designing, and testing electronic devices. Although the DMM is less expensive and smaller than the oscilloscope, it can only measure DC signals, whereas the oscilloscope can measure both AC and DC signals. Oscilloscopes are costlier than DMMs, but they are more flexible. When working with electricity, it is ...
Read MoreHow to communicate JSON data between C++ and Node.js ?
C++ is a powerful, high-performance language widely used for system-level programming and applications. At the same time, Node.js is an open-source, cross-platform JavaScript runtime environment commonly used for web applications. By understanding the various methods for communicating JSON data between C++ and Node.js, developers can choose the best approach to their specific needs. In this tutorial, we will explore the various ways to communicate JSON data between a C++ application and a Node.js server. Three common approaches: using a RESTful API, using a message queue, and using a WebSocket Users can follow the steps below to communicate JSON data between ...
Read MoreDifference between DL and CR Batteries
Batteries are a critical component of many devices and machines, from laptops and phones to cars and industrial machinery. But not all batteries are created equal; they come in different shapes, sizes, and technologies. Two of the most common battery types used today are DL and CR batteries, so it’s important to understand the difference between them. In this blog post, we will be looking at the essential facts about DL and CR batteries – including their composition, applications, cost considerations, and more – so you can make an informed decision on which type is right for your needs. ...
Read MoreHighlighting Dropdown Options in ReactJS
Highlighting dropdown options is important because it improves the menu's usability by making it easier for users to identify the options they are hovering over. When a user hovers over an option, it becomes highlighted, making it stand out from the other options. This helps the user quickly identify the option they are interested in and select. Additionally, highlighting dropdown options is a simple but effective way to improve the usability and accessibility of the menu. Creating interactive dropdown menus in ReactJS with option highlighting Users can follow the steps below to implement the option highlighting in the ReactJS dropdown. ...
Read MoreGet requests using AJAX by making a Custom HTTP library
We will learn to make a get request using the AJAX by making the custom HTTP library. Let’s learn about the Get request and AJAX before we start with the tutorial. The Get request is used to get or fetch data from the API (Application programming interface). The AJAX stands for Asynchronous JavaScript and XML. The AJAX allows us to load or update new data without reloading the webpage. For example, if you have ever worked with ReactJs, it updates the data without reloading the webpage. If we reload the webpage whenever data updates, it can give a bad user ...
Read MoreHow to sort option elements alphabetically using jQuery?
Sometimes, we require sorting the options of the dropdown menu in alphabetical order. For example, you are selling computers on your website, and you want to allow users to select a computer based on the model. If your website contains hundreds of models of different brands, it will be hard for users to find a computer with a particular brand if it is not sorted. However, you can provide the search functionality but if it’s not there, then sorting all the option elements in alphabetical order is better. Here, we will learn various approaches to sort all options of the ...
Read MoreHow to calculate local time in Node.js?
In this article, you will understand how to calculate local time in Node.js. The Date object works with dates and times. Date objects are created with new Date(). JavaScript will use the browser's time zone and display a date as a full text string. Node.js is an open-source and cross-platform JavaScript runtime environment.As an asynchronous event-driven JavaScript runtime, Node.js is designed to build scalable network applications. Example 1 In this example, we use the toDateString and toTimeString function const dateTimeObject = new Date(); console.log("A date-time object is created") console.log(`Date: ${dateTimeObject.toDateString()}`); console.log(`Time: ${dateTimeObject.toTimeString()}`); Output A date-time object is created ...
Read MoreHow to create Dialog Box in ReactJS?
The dialog box is a popup box like a modal in ReactJS. In vanilla JavaScript, maybe you have used the alert() method, which allows us to show an alert message in the alert box. Also, vanilla JavaScript provides the confirm box and prompt box to take user input. The dialog box also allows us to perform all operations. We can add the normal HTML to the dialog box according to our requirements, and it works as a popup box. In this tutorial, we will use the various libraries to create a dialog box. Use the Material-Ui library The Material-Ui library ...
Read MoreHow to create Dark Mode in ReactJS using Material UI?
Using the Material UI library, we will learn to create a Dark Mode in ReactJS. The Material UI is the external react library that provides the designed react components that we can directly use in our react project by importing from the library. In the world, most users like dark mode, and only some love light mode. The dark mode helps us decrease visitors' eye strain and look more luxurious. So, we should allow users to choose the either dark or light mode according to their preference. In vanilla JavaScript or JQuery, we can create dark and light modes by ...
Read More