Tag: vanilla-javascript

How To Dynamically Create JavaScript Elements With Event Handlers

Dynamically creating JavaScript elements with event handlers

Dev

This tutorial explores the concepts of events, event listeners, and dynamically creating new JavaScript elements by using document.createElement and template literals.

Amarachi Amaechi
Apr 19, 2023 ⋅ 7 min read
A Guide To JavaScript Bitwise Operators

A guide to JavaScript bitwise operators

Dev

In this article, learn about the various JavaScript bitwise operators, including NOT, AND, and OR, and their use cases.

Glad Chinda
Apr 13, 2023 ⋅ 15 min read
Getting Started With View Transitions API

Getting started with the View Transitions API

Dev

The View Transitions API opens up a new frontier of possibilities regarding the unique and pleasing experiences we can bring to the web.

Nefe Emadamerho-Atori
Jan 13, 2023 ⋅ 4 min read
Understanding JavaScript's Array.Group and Array.GroupToMap

Understanding JavaScript’s Array.Group and Array.GroupToMap

Dev

Learn how to use the JavaScript data-grouping additions, group and groupToMap, and explore its alternatives.

Chris Laughlin
Jan 9, 2023 ⋅ 6 min read
18 JavaScript and TypeScript Shorthands to Know

18 JavaScript and TypeScript shorthands to know

Dev

JavaScript and TypeScript share many shorthands for common code concepts. Learn how to use 18 helpful JavaScript and TypeScript shorthands.

Ibiyemi Adewakun
Jan 3, 2023 ⋅ 9 min read
Building web components with WebC in vanilla JavaScript

Building web components with WebC in vanilla JavaScript

Dev

Web components can do a lot, but in this post, learn about how the WebC framework helps you build them better with vanilla JavaScript.

Iskander Samatov
Jan 2, 2023 ⋅ 6 min read
Top 5 Web APIs for Perforamnce-based Analysis

Top 5 Web APIs for performance-based analysis (and how to use them)

Dev

Learn about five web performance APIs, which have full browser support and offer many ways for you to measure your apps’ performance.

Joe Attardi
Dec 23, 2022 ⋅ 7 min read
Top 6 JavaScript And HTML5 Game Engines

Top 6 JavaScript and HTML5 game engines

Dev

Explore the top six JS/HTML5 game engines, such as Pixi.js and Three.js, ranked by number of GitHub stars, and walk through how to use them.

Solomon Eseme
Nov 21, 2022 ⋅ 10 min read
JS CSS HTML Google Doc Clone

Build a Google Doc clone with HTML, CSS, and JavaScript

Dev

Use HTML, CSS, JavaScript, and Firebase to create a basic text editor that allows you to create, edit, download, share, and access documents.

Favour Vivian Woka
Nov 16, 2022 ⋅ 13 min read

Getting started with the Web Monetization API

Dev

Learn how to use the Web Monetization API, a JavaScript browser API that allows the creation of a payment stream from the user agent to a website.

John Reilly
Oct 5, 2022 ⋅ 5 min read
Optimizing Video Backgrounds In CSS And JavaScript

Optimizing video backgrounds in CSS and JavaScript

Dev

Using the video HTML element, we can set a video as our site’s background. We can use the video as it is or add an overlay.

Oscar Jite-Orimiono
Oct 5, 2022 ⋅ 10 min read
Stacks of Coins and Gears

Building stateful web apps without React

Dev

To gain insight into how larger frameworks (e.g., React, Angular, Vue) work, let’s look at how to build stateful web apps using only vanilla JavaScript.

Dave Seidman
Sep 14, 2022 ⋅ 8 min read