What it does
Inclusive Components is Heydon Pickering’s practical interface-pattern publication. Its articles examine components such as cards, tables, notifications, tabs and menus through structure and interaction.
A card with a title, description and author raises questions about link labels, nested interactions and the size of its clickable area. The Cards article works through those decisions with HTML, CSS and working demos.
Follow the heading-link example, then compare the two approaches to making a larger area clickable. The CSS overlay needs no JavaScript but can obstruct text selection. The alternative script distinguishes a brief click from a longer selection. The article also explains why wrapping every word in one link creates an unwieldy link label and complicates a separate author link.
Other chapters cover controls such as toggles, tabs, menus and tooltips. The web articles are free to read without an account. A separate book link offers revised and expanded material.
Strengths
- Code examples are accompanied by explanations of their interaction choices.
- The card chapter also addresses variable content length and image cropping.
Best for
- Designers and developers investigating a specific interface component
Sources
- Inclusive Components (Oct 27, 2026)
- About the project | Inclusive Components (Oct 27, 2026)
- Cards | Inclusive Components (Oct 27, 2026)