AI Weekly Malaysia

Chris Burnell's page catalogs native HTML features that replace common JavaScript patterns, including the `popover` attribute (with `popovertarget` and `popovertargetaction`) for tooltip/menu-style overlays and the `<dialog>` element for modal boxes. The page was built for HTML Day 2026 and later updated to flag where browser implementations fall short on accessibility. It includes live code snippets showing how to toggle popovers and open/close dialogs with zero JavaScript.

Why: If you're shipping UI components like popovers, modals, or dialogs, you can likely delete custom JS and z-index management by switching to the native `popover` attribute and `<dialog>` element—but you must test accessibility carefully, as the author explicitly warns browser support for some of these features is still incomplete.

Air Theremin is a browser-based instrument you play by waving both hands at a webcam or tilting a phone's gyroscope, with hand spread controlling volume, hand height controlling pitch, and gestures for vibrato and tone. It also falls back to mouse input and runs on a plain laptop webcam. It was created by Pavel Gurov and is based on theremin.site.

Why: It's a compact, working demo of in-browser hand tracking and device gyro APIs without plugins or installs—useful as a reference if you're building gesture-controlled UIs or webcam-based interactions, but there's no code, library, or API exposed here to reuse directly.