Simplifying Web Interactivity: A Developer’s Quick-Start to the HTML Drag and Drop API
Learn how to build native, responsive drag-and-drop interactions in the browser using the HTML Drag and Drop API, clean event handling, data payloads, and dynamic visual feedback—without relying on heavy external libraries.
Mapping the Static: A Developer’s Practical Guide to the HTML DOM API
Master vanilla web development by diving into your browser’s native engine. In this quick guide, learn how the HTML DOM API bridges static markup and active JavaScript, enabling you to build fast, lightweight, and completely framework-free user interfaces with minimal code.
Mapping Space: Navigating the Web with Geometry Interfaces
Learn how to leverage native browser Geometry Interfaces (DOMPoint, DOMRect, DOMMatrix, and DOMQuad) to perform high-performance 2D and 3D coordinate transformations directly in the runtime—completely eliminating the need for heavy, bloated, external layout math libraries.
Precision Positioning with the Geolocation API
A practical introduction to the Geolocation API—how it retrieves a user’s latitude and longitude with permission, why HTTPS secure contexts are required, and how to build privacy-conscious, error-tolerant location features using getCurrentPosition, high-accuracy options, and clean DOM-based status updates.
The Gamepad API in the browser
The Gamepad API is a browser feature that lets web apps detect and read input from gamepads and other game controllers in a simple, consistent way. It’s designed for real-time experiences—think web games, interactive demos, accessibility tools, and creative apps—where you want responsive input beyond keyboard and mouse. One of the biggest advantages of the […]
An overview of the Fullscreen API
The Fullscreen API lets you display a specific element (and its descendants) in true fullscreen and then return to windowed mode. Learn the key methods, state checks, events, permissions considerations, and UX best practices for building focused video, game, and presentation experiences.
A Brief Overview of the File and Directory Entries API
A practical introduction to the File and Directory Entries API—what it does, how it enables folder-aware uploads via drag-and-drop or directory pickers, and why it matters for importing structured user-provided data on the web.
A Brief Overview of the File System API
The File System API lets web apps read, write, and manage files and folders—with user permission—using file and directory “handles,” plus a high-performance private storage option called OPFS.
A quick tour of the Web File API
The File API enables web applications to access files and their contents when the user makes them available—typically via an control or drag and drop. Selected files are exposed as a FileList, which contains File objects that provide metadata like name, size, type, and last modified date. You can read a file’s contents using FileReader (asynchronously) or FileReaderSync in web workers, and you can also work with binary data through Blob objects.
Fetch API: A Modern Way to Request Data
The Fetch API is the standard, modern interface for requesting resources on the web—everything from JSON data to images, files, and more. It’s available as a global function in both window and web worker contexts, which makes it broadly useful whether you’re building a UI-driven app or doing background work off the main thread. At […]