Articles by Tag #vanillajs
Browse our collection of articles on various topics related to IT technologies. Dive in and explore something new!
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 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...
Vanilla Standards Vibes
The web development landscape is constantly evolving, with frameworks like React, Vue, and Angular...
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. ...
How i Solved My First Modular Project Deployment Issue on GitHub
I'm talking about the problem i face during deploying my first Modular project called contact manager...
How I Solved a Data-Driving Challenge while Building My Quote Gallery SPA
This challenge i faced when i was working on my first data driven modular project called Quote...
WebGPU Engine from Scratch Part 11 - 2: True Scene Graph
Improvements to the markup Resolution At this point we can play around a little...
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 2: Geometry
For the next part I wanted to improve how I generate meshes. From WebGL we generated objects with...
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 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 3: Textures
Next let's explore textures. We'll try to recreate the globe from the WebGL chapter. The first...
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 1: Basic Rendering
After putting this project in storage for a while, WebGPU is now at a place where I feel I can really...
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 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...
💰 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...
inline imports FTW!
defer loading javascript until the event happens with event inline imports
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...
What Are Vanilla JS Modules?
Vanilla JS just means plain JavaScript, without any frameworks or libraries like React, Vue, or...
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)...
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...
🚀 Unit Converter PWA – Vanilla JavaScript & Offline-Ready
Looking for a fast, modern, and offline-first unit converter? Meet Instant Unit Converter, a...
The GFPV Stack My Indie Developer’s Technical
But what about the GFPV Stack? It’s not something you’ll find in a typical developer handbook. It’s a philosophy — one I’ve built, lived, and coded through.
Every Line of Code and a Dream of Technology
It began with an old laptop, in a small room in Tam Kỳ, my hometown — where I worked, self-studied, and carried a single burning desire: “To master technology. To create real value with my own hands."
Recently, I Learned What “Indie Hacker” Really Means
Being an Indie Hacker isn’t just about building apps.It’s about creative independence — a kind of adventure where you can express yourself, learn endlessly, and build something that actually matters.