Articles by Tag #vanillajs
Browse our collection of articles on various topics related to IT technologies. Dive in and explore something new!
Vanilla Standards Vibes
The web development landscape is constantly evolving, with frameworks like React, Vue, and Angular...
WebGPU Engine from Scratch Part 5: More Pipeline Improvements
I was hoping to get to new features but it seems like there was just too much I wanted to fix up in...
WebGPU Engine from Scratch Part 2: Geometry
For the next part I wanted to improve how I generate meshes. From WebGL we generated objects with...
WebGPU Engine from Scratch Part 8: Physically Based Lighting (PBR)
I wasn't expecting to do this so soon but the whole roughness texture stuff really got to me so I...
WebGPU Engine from Scratch Part 7: Specular Lighting
Since we added diffuse lighting we might as well add specular too. The teapot is a marble texture...
WebGPU Engine from Scratch Part 10: Markup Language and Scene Graph
One thing that is becoming really annoying while doing manual tests is that I have to setup scenes. ...
WebGPU Engine from Scratch Part 3: Textures
Next let's explore textures. We'll try to recreate the globe from the WebGL chapter. The first...
Vanilla JS: Embracing the Fundamentals for Cleaner Code
When it comes to building web applications, frameworks and libraries like React, Vue, and Angular...
WebGPU Engine from Scratch Part 6: Diffuse Lighting
The scene is bland and could use some lighting so let's implement that. First we start with the...
Shopping List - A Must Know Vanilla Javascript problem for any Frontend Interview (Part 1)
Debounce Search and List Operations using vanilla javascript
WebGPU Engine from Scratch Part 4: Updating the Pipeline
For this chapter I wanted to take a pause. The code before was spelled out but could be a little...
Built a Super Slick Site + Blog with just Jekyll, Vanilla JS and CSS/Sass hosted on Github Pages
I'm legit amazed what you are able to do nowadays with just plain CSS in terms of layout, animation and interactivity. No node.js, no wrestling with npm deps, no heavy-weight React/next.js hoops to jump through. Just a super lean, fast, SEO-friendly site+blog that gets the job done without ever leaving Github.
WebGPU Engine from Scratch 1: Basic Rendering
After putting this project in storage for a while, WebGPU is now at a place where I feel I can really...
AI Implementations of WYSIWYG Editors for Vanilla JS
Vanilla JS remains relevant today, even as frameworks like React and Angular dominate the web...
WebGPU Engine from Scratch Part 9: Shadow Maps
This was a topic I wanted to get to for a while. There's 2 common ways (but other less common ways)...
Do We Really Need Frameworks for Frontend Development?
Let’s get one thing straight: JavaScript frameworks didn’t fall from the sky as divine gifts. They...
🚀 Unit Converter PWA – Vanilla JavaScript & Offline-Ready
Looking for a fast, modern, and offline-first unit converter? Meet Instant Unit Converter, a...
inline imports FTW!
defer loading javascript until the event happens with event inline imports
💰 Real-Time Indian Rupee Formatting in HTML Forms — With Clean Backend Submissions
Ever typed 1000000 in a payment form and wished it magically became 10,00,000? Now imagine you get...
What Are Vanilla JS Modules?
Vanilla JS just means plain JavaScript, without any frameworks or libraries like React, Vue, or...