Detect Caps Lock Status Using JavaScript

Mayank Agarwal
Updated on 26-Apr-2022 07:51:22

880 Views

In this article, we are going to explore the CAPS LOCK key and how to check if they are turned on or not using JavaScript on a webpage. While working with new-age web applications, we often require certain information including user interaction and experience.The user interacts with a website to execute a functionality like hitting an API, handling clicks or buttons that trigger a method, and many more. In some of the cases, we might need to know whether the CAPS LOCK key is turned on or not.One use case can be any authentication system that notifies the user that ... Read More

Generate PDF from HTML Webpage

Mayank Agarwal
Updated on 26-Apr-2022 07:49:28

19K+ Views

In this article, we are going to explore the conversion of required HTML content into a PDF file. Many a time we have to read and accept the Terms & Conditions, a better way is to download the PDF file read it in spare time, and then accept it. Therefore, for achieving this we can make use of converting the content into a PDF file.We also need some content to be stored in a PDF file to be used later on for various purposes. The most common use includes downloading chapters, texts, thesis, etc.The above conversion can be achieved in ... Read More

Different Tools to Make Your Website Mobile Friendly

Samual Sam
Updated on 26-Apr-2022 07:20:09

254 Views

In this modern world, everyone carries smartphones with them. Hence, having a mobile friendly website is a must because most people are browsing various websites using their mobile phones. That’s not all; even Google is now clearly marking websites, based on mobile search results and views and checking whether your website is mobile friendly or not. And if it finds that particular tag is not getting displayed around the content on your website, then you might notice a drop in mobile traffic.Even though responsive design is definitely the way to go, but it is not enough. How do you confirm ... Read More

Declare an Object with Computed Property Name in JavaScript

Mayank Agarwal
Updated on 26-Apr-2022 06:59:44

454 Views

In this article, we are going to explore about the concept of computed properties in an object. We will learn how to declare an object with computed property name. Let’s know about JavaScript objects before actually moving on to computed properties.JavaScript Object − A JavaScript Object contains key-value pairs in which the key represents a property from which we can get and set the value of an object.Method IWe will use the square bracket expression i.e. [] to create the computed name property in the object. In ES6 it is possible to use an expression within the [] brackets.Example 1In ... Read More

Create Timeline Animations Using Anime.js

Mayank Agarwal
Updated on 26-Apr-2022 06:51:10

449 Views

In this article, we are going to explore and learn about Timeline Animations. Anime.js is a lightweight JavaScript library that has a small but powerful set of APIs. It works upon the DOM attributes, CSS properties, SVG, and JavaScript objects.We can build multiple and complex animations using the Anime.js. Anime’s built-in staggering system helps in making complex follow through and overlapping animations simple. It can also be used on both timings and properties.How to use Anime.js?We can import or use Anime.js in our code in the following two ways −We can either download the anime.min.js file and directly use it ... Read More

Create Parallax Effect Using HTML, CSS, and JavaScript

Mayank Agarwal
Updated on 26-Apr-2022 06:45:17

1K+ Views

In this article, we are going to learn about parallax effects and how to create them using HTML, CSS, and JavaScript. We will be using the mouse-move event to show the parallax effect. During the parallax effect, two different images move in parallel to each other. Both the images will be working parallel and making the same transitions. The only difference will be they move in the opposite directions.Parallax effects are used for making the websites better in terms of User Experience and enhancing the interactivity level of the website. We can move the foreground and the background images at ... Read More

Creating an Effective Profile to Attract Jobs

Samual Sam
Updated on 26-Apr-2022 06:42:17

145 Views

the reputed B2B social networking platform has been rechristened by the elite fraternity of the recruiting world as ‘The Ultimate Hub of Professionals’. Gone are the days when recruiters used to approach all the job seekers via phone calls and electronic mails. In a way, has undoubtedly revolutionized the recruiting world. Job seekers should create an effective profile and this is the contemporary signature style of dealing with recruiters.Here is a very brief run-down on ‘How to create an effective profile to attract jobs:1. Professional Name − Your professional name should include only your First Name and Last Name. The ... Read More

Why You Need a Mentor in Life to Grow

Chandu yadav
Updated on 26-Apr-2022 06:41:14

172 Views

Either you want a growth in the current role or kick off a new business, a good mentor can pave the way for you. At your workplace, you might find many individuals who hold a treasure of leadership experiences and people just fall for their intelligence. You can make such people your mentor. Let’ dig out how you can benefit yourself from a good mentor?Who Can Be Your Mentor?Someone who takes his/her career passionately. This person carries a good deal of exposure in terms of experience and leadership and holds the ability to take you at the top from your ... Read More

Overcome Incorrect Requirement Gathering

Samual Sam
Updated on 26-Apr-2022 05:44:18

340 Views

Mr. X is working as a Project Manager with a mid-level Software development company. His company recently won a contract to develop a software application for a renowned bank. And, Mr. X is assigned to work on that project.The customer wants the company to design a banking software application which will create and update customers profile by listening to their voice, also customer can update their details with manual editing, it will trigger automatic calls between bank and the customers in case of any alert or notification. The application should keep track of all transactions, and maintain the records. It ... Read More

Create an Image Slider Using HTML, CSS, and JavaScript

Mayank Agarwal
Updated on 25-Apr-2022 13:44:09

9K+ Views

In this article, we are going to create a slider carousel using JavaScript. Along with using JS we will be also using HTML and CSS for representation and defining the basic layout.A carousel is basically a collection of images represented as a slideshow that is used for displaying the images, text, or both in a cyclic manner.A slider Carousel is a special type of carousel that is specifically used for displaying the slider on a website’s main page. This slideshow runs in a landscape mode. We can use the eventListener() provided by the JavaScript functions to record and display different ... Read More

Advertisements