Knowledge/Domain
Visual systems, motion, and access.
Drag to pan · hold ⌘/ctrl and scroll — or pinch — to zoom.
Designing so that people with disabilities can use a thing, and the standards that make it checkable.
Design & Interface·27 connections
A shared vocabulary of tokens, primitives, and rules that makes independent work converge.
Design & Interface·17 connections
Named design decisions — color, spacing, radius, type — stored as data so they can be shared and re-themed.
Using movement to communicate change, continuity, and hierarchy rather than to decorate.
A constrained set of type sizes and their paired line heights and spacing.
Design & Interface·15 connections
The measured luminance difference between foreground and background, and the accessibility floor it must clear.
Design & Interface·14 connections
Deliberately controlling which element receives keyboard focus as an interface changes.
Making every interactive affordance reachable and operable without a pointer.
Serving an alternate palette for low-light preference, and the three states that implies.
Design & Interface·13 connections
A component supplying behavior and accessibility with no styling of its own.
A perceptually uniform color space that makes lightness and chroma behave predictably.
Using elements for their meaning, so the document conveys structure without extra description.
The nested coordinate system that decides what paints above what, and why z-index often does nothing.
An operating-system preference signaling that animation should be minimized, for real medical reasons.
Design & Interface·12 connections
The small set of typed components through which all interface markup is expressed.
Color is recoded after the cones into red-green, blue-yellow and light-dark opponent channels.
Design & Interface·11 connections
Composing styles from many small single-purpose classes rather than authoring semantic rules.
Attributes that describe roles, states, and relationships to assistive technology when HTML cannot.
Design & Interface·10 connections
A user-defined CSS property that participates in the cascade and inherits down the tree.
Confining keyboard focus inside a modal surface so it cannot wander behind it.
A viewport width at which a layout changes, and the assumptions that come with it.
Confining a set of style decisions to a subtree so the same component can look different in different contexts.
The algorithm deciding which declaration wins when several apply to the same element.
Design & Interface·9 connections
Styling based on the size of an element's container rather than the viewport.
The curve mapping elapsed time to progress, and the main reason motion feels right or wrong.
The proposed dip in affinity as a likeness approaches, without reaching, the human.
A property an object's design communicates about how it can be used, before any instruction is read.
Design & Interface·8 connections
Offsetting the start of sibling animations so a group reveals in sequence.
Decision time rises with the number and complexity of choices offered, roughly logarithmically — fewer options decided faster.
Design & Interface·7 connections
An interface deliberately designed to steer users toward a choice that serves the business rather than the user.
Design & Interface·6 connections
The time to hit a target shrinks with its size and grows with distance to it — so make frequent targets big and close.
A set of perceptual rules describing how the eye groups discrete elements into wholes before conscious analysis begins.
A shared set of columns, gutters, and alignment lines that constrains where content can sit, so unrelated layouts still read as one system.
Designing a digital object to visually mimic its physical predecessor, borrowing familiarity at the cost of extra visual weight.
Show only what most users need now, and defer the rest behind an explicit action, instead of exposing everything at once.
Design & Interface·5 connections
A single font file that encodes a continuous design space, letting weight, width, and other axes be set to any value at runtime.
The per-pair adjustment of horizontal space between two specific letters, distinct from uniform spacing applied across a whole string.
Design & Interface·3 connections