Hands-on guides to the powerful Web APIs built into every browser, enabling dynamic and interactive web experiences
30 min read
Web Components are the browser’s built-in component model: Custom Elements, Shadow DOM, and slots. They let you define your own HTML tags, encapsulate markup and styles, and build reusable widgets that feel native. This guide walks through how they work, why they exist, and how to build reliable components that drop cleanly into any page.
22 min read
The DOM is how the browser understands and manages your page. It’s the structure that connects HTML, CSS, and JavaScript. This guide walks through how it’s built, how events move through it, and how you can work with it safely and efficiently.
28 min read
A complete guide to Web Workers. Run JavaScript in parallel, keep your UI smooth, and build faster tools in the browser.
22 min read
A complete guide to the Canvas API. The programmable surface that lets browsers draw, transform, and export pixels locally.