✳flâneur — a map of the web's best reading
Web Interface Guidelines
vercel.com · 2,125 words · saved by 5 readers
Guidelines for building great interfaces on the web. Covers interactions, animations, layout, content, forms, performance & design.
Web Interface Guidelines Web Interface Guidelines Interfaces succeed because of hundreds of choices. This is a living, non-exhaustive list of those decisions. Most guidelines are framework-agnostic, some specific to React/Next.js. Feedback is welcome . Interactions Keyboard works everywhere. All flows are keyboard-operable & follow the WAI-ARIA Authoring Patterns . Clear focus. Every focusable element shows a visible focus ring. Prefer :focus-visible over :focus to avoid distracting pointer users. Set :focus-within for grouped controls. Manage focus. Use focus traps, move & return focus accord
Explore this link on the map →saved by
related reading
- Web Interface Guidelinesrauno.me
- Web Interface Guidelinesinterfaces.rauno.me
- Details That Make Interfaces Feel Betterjakub.kr
- Web Field Manual | Codewebfieldmanual.com
- web.devweb.dev
- Say precisely what you mean.index.how
- Invisible Details of Interaction Designrauno.me
- Components | The Component Gallerycomponent.gallery
- Anatomy of AI Inputibelick.com
- rams - Expert Design Reviews on Every PRrams.ai
- Details That Make Interfaces Feel Betterinterfaces.dev
- AI Elementselements.ai-sdk.dev