Tag: vanilla-javascript

JS Logo Over Blue Background

The ResizeObserver API: A tutorial with examples

Dev

The use cases for the ResizeObserver API may not be immediately obvious, so let’s take a look at a few practical examples.

Kevin Drum
Nov 5, 2024 ⋅ 9 min read
Why jQuery 4 Is A Good Reminder To Stop Using jQuery

Why jQuery 4 is a good reminder to stop using jQuery

Dev

jQuery 4 proves that jQuery’s time is over for web developers. Here are some ways to avoid jQuery and decrease your web bundle size.

Shalitha Suranga
Oct 31, 2024 ⋅ 11 min read

A guide to the best email editing tools

Dev

Learn about open-source and free email editors that streamline template creation, and then check out how to test them.

Isaac Okoro
Oct 22, 2024 ⋅ 4 min read
Stylized JavaScript logo with bold letters representing JavaScript, illuminated by a bright light from the center.

Six things you may not know about JavaScript

Dev

Learn about semicolon injection, array keys, primitive properties, type coercion, function hoisting, and null as object.

Lewis Cianci
Oct 16, 2024 ⋅ 7 min read
Logos of VineJS and Zod side by side on a green leaf background, representing a comparison between these schema validation libraries.

VineJS vs. Zod for schema validation

Dev

Explore performance and features of VineJS and Zod for schema validation, with comparisons to other libraries like Yup.

Oghenetega Denedo
Oct 15, 2024 ⋅ 9 min read
Understanding and supporting zoom behaviors on the web

Understanding and supporting zoom behaviors on the web

Dev

Understanding and supporting pinch, text, and browser zoom significantly enhances the user experience. Let’s explore a few ways to do so.

Fimber Elemuwa
Oct 9, 2024 ⋅ 7 min read
Using Prettier And ESLint For JavaScript Formatting

Using Prettier and ESLint for JavaScript formatting

Dev

Using Prettier and ESLint together can enhance your JavaScript dev workflow by maintaining a consistent code style and fixing code issues.

Rob O'Leary
Oct 8, 2024 ⋅ 9 min read
JavaScript logo representing the programming language used to implement a customizable and responsive signature pad in the article.

Implementing a signature pad with JavaScript

Dev

Create a responsive, customizable signature pad with JavaScript, including touch support, stroke styles, and export functionality.

Debjyoti Banerjee
Sep 30, 2024 ⋅ 12 min read
JavaScript logo with glowing lights, representing secure web authentication. Learn how JWT, OAuth, and Bearer tokens enhance modern authentication methods.

Understanding JWT, OAuth, and Bearer tokens

Dev

If you were to meet your friend in the street, straight away you would likely greet them and ask them […]

Lewis Cianci
Sep 19, 2024 ⋅ 5 min read
Nitro: Revolutionizing Server-Side JavaScript

Nitro.js: Revolutionizing server-side JavaScript

Dev

Nitro.js is a solution in the server-side JavaScript landscape that offers features like universal deployment, auto-imports, and file-based routing.

Iniubong Obonguko
Sep 16, 2024 ⋅ 11 min read

How to display notification badges on PWAs using the Badging API

Dev

Ding! You got a notification, but does it cause a little bump of dopamine or a slow drag of cortisol? […]

Chigozie Oduah
Sep 13, 2024 ⋅ 4 min read

Build an image editor with Fabric.js v6

Dev

In web development projects, developers typically create user interface elements with standard DOM elements. Sometimes, web developers need to create […]

Shalitha Suranga
Sep 9, 2024 ⋅ 12 min read