We finally got HTML-only buttons? (Goodbye JavaScript)

Are you still writing JavaScript event listeners just to open a modal, toggle a dropdown, or close a popover? HTML just grew up. Discover the new HTML Invoker Commands API (`command` and `commandfor`), which allows you to build fully accessible, interactive UI components with zero lines of JavaScript. In this video, Cloud Codes breaks down exactly how to shift your UI behavior down the stack from JS into pure HTML. We explore how to wire up the native `dialog` element and the Popover API using just two declarative attributes, completely eliminating the hydration delay and boilerplate code that slows down modern web apps. We also dive into how to create Custom Commands using the `--` CSS syntax, how this supercharges Web Components, and how CSS Anchor Positioning allows your menus and tooltips to perfectly track their buttons without a single JavaScript calculation. ⏱️ TIMESTAMPS: 0:00 - The Button That Needs No JavaScript 1:18 - The Problem: Event Listeners & Hydration Delays 2:30 - How it Works: The `command` & `commandfor` Attributes 4:25 - Custom Commands (The Escape Hatch for Web Components) 5:28 - The Bigger Picture: `dialog`, Popover API & CSS Anchors 6:57 - The Future (Interest Invokers) & Who Built This? 8:35 - Reality Check: What JavaScript is Still Actually For #html #javascript #webdevelopment #frontend #invokercommands #popoverapi #softwareengineering #cloudcodes #css 👇 SUBSCRIBE & WATCH NEXT Subscribe for a new systems deep-dive every week:    / @cloud-codes   📱 CONNECT WITH US Twitter/X: x.com/cloud_codes Join our developer community: discord.gg/HVnH9SY48 User Queries: html invoker commands command and commandfor attributes html html popover api tutorial how to use html dialog element build modal without javascript replace javascript with native html css anchor positioning tutorial web components custom commands htmx vs native html frontend web development 2026