DiscoveryVIPAll guides

INTERFACE ENGINEERING

Interactive UI Components & Web App Builder

A profile dialog opens with a click, but focus stays behind it. Try Escape, inspect the markup, then repair the modal and verify keyboard behavior.

Concept, hints and extension

Source editor

Ctrl or Command + Enter applies the editor. Apply reloads the isolated preview.

Live preview

DOM anatomy, state and computed styles
Event log

    Explain and reflect

    Pass the component’s checks and explain what they prove. Keyboard testing in your browser is still part of the review.

    AI prompt studio

    Practice building accessible web interfaces

    Edit real components, verify focus and keyboard behavior, and assemble responsive pages.

    Browse interactive guides · Web development learning path