Posts

Showing posts from December, 2023

HTML Marquee

HTML Marquee : An HTML marquee is a web development element that allows text or images to scroll horizontally or vertically on a web page. However, as of my most recent knowledge update in January 2022, the <marquee> tag was deemed obsolete and should not be used in modern web development. For similar effects, CSS animations or JavaScript are frequently used. Example of an HTML marquee tag: <marquee behavior="scroll" direction="left" loop=""><img width="300px" src="images/lion.gif"></marquee> Download Source code from Github Link: https://github.com/kanakaraju/HTML_Easy_Tricks/tree/main/Marquee
Post a Comment
Read more

NVD3 is a JavaScript library that extends the D3.js library

Image
NVD3 is a JavaScript library that extends the D3.js library to make it easier to create reusable and customizable charts and graphs. D3.js (Data-Driven Documents) is a powerful library for manipulating data-driven documents. When compared to using D3.js directly, NVD3 provides pre-built chart components and configurations, making it easier to create common types of charts with less code. Key features and components of NVD3 include: Reusability: NVD3 promotes the creation of reusable chart components, making it easy to use the same chart type with different datasets and configurations. Chart Types: NVD3 supports a variety of chart types, including line charts, bar charts, scatter plots, pie charts, and more. Responsive Design: Charts created with NVD3 are responsive by default, adapting to different screen sizes and devices. Interactive Features: NVD3 charts often come with built-in interactivity, such as tooltips, zooming, and panning. Ease of Use: NVD3 abstracts away some of the...
Post a Comment
Read more

Three.js 3D Graphics Library

Image
Each three.js project requires at least one HTML file to define the webpage and one JavaScript file to run the three.js code. The structure and naming choices listed below are optional, but will be used for consistency throughout this guide. Three.js is a well-known JavaScript library for creating 3D graphics and animations in web browsers. It makes working with WebGL, a web standard for rendering 3D graphics, easier by providing a higher level of abstraction. Three.js is an open-source framework for creating interactive 3D experiences on the web. Here is a simple example of creating a scene 3D skeletal with a using Three.js: Example creates a rotating birds in a 3D scene using Three.js Download source code from Github Link: https://github.com/kanakaraju/ThreeJS_Easy_Tricks Please see the URL below for more animated examples using three js library https://threejs.org/
Post a Comment
Read more

Particles js - use the javascript library to create animated browser backgrounds.

Image
Particles.js is a JavaScript library that allows you to create animated particle backgrounds. It is commonly used to add interactive and visually appealing particle effects to websites. The library generates particles that move and interact with the mouse or touch inputs, creating dynamic and engaging visual effects. To use Particles.js on your website, you typically include the library in your HTML file and configure it with various parameters to customize the appearance and behavior of the particles. Here is a basic example of how you might include and configure <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title> DevEasyTricks </title> <meta name="author" content="Kanaka Raju" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <link rel="stylesheet" media=...
Post a Comment
Read more

whatsapp message integration

send whatsapp message using javascript: WhatsApp does not officially provide a public API for sending messages programmatically. WhatsApp Business API is available, but it's intended for business use, and access is granted after an application process. Sending messages programmatically without proper authorization or using unofficial APIs may violate WhatsApp's terms of service, and it can result in the suspension or banning of your account. If you're developing a business application and need to send messages at scale, you should apply for access to the WhatsApp Business API. Here is a simplified example of how you might use the WhatsApp Business API: function sendWhatsAppMessage(phoneNumber, message) {         // Replace the following URL with your phone number and message         const url = `https://wa.me/${phoneNumber}?text=${encodeURIComponent(message)}`;         window.open(url, '_blank'); } // Example usage const recipi...
Post a Comment
Read more

Convert numerical mobile number (1234567e89) into a proper format

To convert a numerical mobile number into a proper format using JavaScript, you can use the following code snippet: //Example Google contact mobile number conversion function formatMobileNumber(number) {    //format number   const formattedNumber = number.toString().replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');   return formattedNumber; } const originalNumber = 1234567e89; const properFormatNumber = formatMobileNumber(originalNumber); //  Output console.log(properFormatNumber);  This code defines a function formatMobileNumber that takes a numerical mobile number as input and returns it in the proper format. The replace method is used to format the number as per the standard pattern for mobile numbers.
Post a Comment
Read more