Tag: vanilla-javascript

Optimizing Video Backgrounds In CSS And JavaScript

Optimizing video backgrounds in CSS and JavaScript


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


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
JavaScript Logo Over a Water Landscape

Working with the JavaScript Reflect API


This post examines the JavaScript Reflect object, discusses the difference between Proxy and Reflect, and gives examples of Reflect methods.

Pascal Akunne
Sep 13, 2022 ⋅ 5 min read
An Eclipse Over a Cloudy Background

Improve repo management with moon


Moon is a repository management, organization, orchestration, and notification tool for JavaScript-based projects. Here’s how to use it.

James Sinkala
Sep 1, 2022 ⋅ 14 min read
JavaScript Logo

How to build rich, accessible JavaScript interfaces


In this article, we’ll look at how to make rich, accessible JavaScript interfaces and illustrate our strategies by building a Sudoku puzzle.

Paul Ratcliffe
Aug 2, 2022 ⋅ 13 min read

Make reading JSON easy with JSON Hero


Explore how you can use JSON Hero to read, explore, and share your JSON files in a much more visual and contextual way.

Ivaylo Gerchev
Jul 25, 2022 ⋅ 5 min read
JavaScript Logo

Building accessible user interface tabs in JavaScript


Here’s everything you need to know to create an accessible tabbed user interface, including building the HTML structure, adding CSS styling, and adding JavaScript enhancements.

Cristian Diaz
Jul 21, 2022 ⋅ 19 min read
Building an accessible glossary in vanilla JavaScript

Building an accessible glossary in vanilla JavaScript


Build a fully accessible glossary page in vanilla JS in this detailed tutorial in a way that makes accessibility a priority (and dev easy).

Bryan Rasmussen
Jul 13, 2022 ⋅ 17 min read
Zag Logo Over Colorful Background

How to make your design system DRY with Zag


Here’s a look at Zag, a JavaScript library that employs the state machine approach to represent common component state patterns.

Iskander Samatov
Jul 4, 2022 ⋅ 6 min read
How To Write Your Own Audio Visualizer From Scratch

Write an audio visualizer from scratch with vanilla JavaScript


Learn how to create your own audio visualizer using vanilla JavaScript and the inbuilt browser Canvas and Web Audio APIs.

Iskander Samatov
May 12, 2022 ⋅ 10 min read
Cross-Browser Native Lazy Loading In JavaScript

Cross-browser native lazy loading in JavaScript


Learn how to implement native lazy loading in JavaScript websites across all browsers using a polyfill approach.

Kingsley Ubah
May 9, 2022 ⋅ 5 min read
Escape Javascript Memory Leaks

How to escape from memory leaks in JavaScript


Memory leaks are often caused due to flaws in your logic. Avoiding all the possible leaks can significantly improve your application’s performance and save memory.

Sampath Gajawada
Apr 25, 2022 ⋅ 7 min read