20 posts found for the tag Web Development

Explain React 18 useTransition Hook with Examples

Posted on May 2, 2023

React 18 has changed how developers design and write ReactJS code. Including the Concurrency model and many other new hooks help tackle niche use cases like responsiveness, performance, etc. In this article, we will discuss the hook I like most, the ...

How to create an EyeDropper tool using JavaScript?

Posted on November 4, 2022

JavaScript Web APIs are powerful. It provides tons of utility in the form of APIs and methods for web developers. Recently I learned about the EyeDropper API, which is experimental at this time(of writing this post) but already shows great potential ...

The story of the custom scrollbar using CSS

Posted on May 26, 2022

A scrollbar is helpful and evident when a web page's content overflows beyond the visible areas. The look and feel of a scrollbar depend on the browser's implementation. A scrollbar's look differs from Google Chrome to Firefox to Safari. In most case...

Introducing ReactPlay - Learn, Create, Share ReactJS projects

Posted on May 13, 2022

If I tell you React(aka ReactJS) is one of the leading user interface technology(ok, library) in web development, would you believe it? Most of you will. For the rest of you, let me put forward some stats. As per the Stack Overflow Trends, React is t...

How to copy to clipboard in JavaScript?

Posted on May 2, 2022

Copy-Paste is a fundamental need in application usage. Our users need this feature in the applications and websites as much as we developers need it while programming 😉. In this article, we will learn the JavaScript APIs available to help with copy-...

Web Security Attacks You Must Know – Part 2

Posted on January 4, 2022

Originally Published on Bugfender The world is a digital place today. We fulfill most of our work, social, and family tasks virtually, using the internet. The technology is now so universal, with so few barriers to entry, that practically anyone can...

Introducing WebAPIs Playground - An app to play and learn Web APIs

Posted on October 25, 2021

An API(Application Programming Interface) abstracts many complexities from developers. Without APIs, a developer's life will be miserable with no proper access to data and knowing unnecessary low-level details. There are many Web APIs available to ca...

Web security attacks you must know - Part 1

Posted on June 22, 2021

Originally Published on Bugfender As developers, we know the pitfalls of the internet - the gateways that malicious actors can exploit to steal private data, siphon money, and generally wreak havoc. But if we're going to build watertight application...

10 online code editors for web developers

Posted on May 7, 2021

Originally Published on Bugfender A code editor gives developers an environment to write code using a specific programming language. While the code editor's primary purpose is to assist with coding, most of the editors go beyond and help developers ...

Understanding the Picture-in-Picture web API with examples

Posted on May 4, 2021

Picture-in-Picture is a feature supported by some smart televisions, devices to show the content(like videos) on a floating window(on the top of other windows) so that users can continue to see the content while interacting with the background page, ...

A practical guide to web app performance debugging

Posted on February 5, 2021

Originally published at Bugfender It's now more than 30 years since the first website was born. Its purpose, you ask? To provide information about the World Wide Web, of course. In the three decades that have elapsed since then, we've created around...

JavaScript undefined and null: Let's talk about it one last time!

Posted on November 6, 2020

In JavaScript, undefined and null are very different from each other. However, there are only a few similarities that may confuse a beginner to the language. This article aims to explain the similarities, differences, and usages with examples. Hope y...

How to log user activities using the Beacon Web API?

Posted on October 26, 2020

The Beacon API is a relatively unknown, lightweight, and efficient way to log web page activities to a server. It is a JavaScript API that helps the developer to send a small amount of data such as, analytics or tracking information, debugging, or di...

10 useful HTML file upload tips for web developers

Posted on October 18, 2020

Introduction The ability to upload files is a key requirement for many web and mobile applications. From uploading your photo on social media to post your resume on a job portal website, file upload is everywhere. As a web developer, we must know tha...

What exactly is JavaScript Tagged Template Literal?

Posted on October 12, 2020

Before ES6(ECMAScript 2015), we have used single quotes('...') and double quotes("...") to wrap string literals. A simple example is, var msg = "Hello, I'm Joe and my favorite color is purple"; There were limitations when we had to concatenate multi...

Everything you need to know about JavaScript Set

Posted on September 24, 2020

JavaScript objects and arrays are the most used data structures act as collections of data. Until ES6 there were limited options with developers. But with ES6 we have got two new flexible and easy to use data structures, Map and Set . In this article...

How to build a serverless app with Gatsby, Netlify and FaunaDB - Part 1

Posted on September 14, 2020

Introduction Welcome to a brand new series called, Go Serverless. Unlike the previous series, this is going to be a short one and fully focused on doing hands-on app development. With this series, we will develop a serverless application using, Gatsb...

A Notification Timeline using React

Posted on August 1, 2020

Introduction It's been a while I have done much with React. When I was trying it out with simple state management, in-built hooks, basic styling, and managing events, I thought, why not build something useful? That's when the idea of building a simpl...

My Favorite JavaScript Tips and Tricks

Posted on July 28, 2020

Motivation Most of the programming languages are open enough to allow programmers to do things multiple ways for a similar outcome. JavaScript is in no way different. With JavaScript, we often find multiple ways of doing things for a similar outcome,...

Understanding JavaScript Closure with example

Posted on July 25, 2020

Joy of getting to the end All's well that ends well. Welcome to the last post of the series JavaScript: Cracking the Nuts. I want to thank you all for liking the series so far. There is another reason why this article is special to me. This is my 5...