Knowledge/Domain
Visual systems, motion, and access.
25 notes, plus everything one link away
Drag to pan · hold ⌘/ctrl and scroll — or pinch — to zoom.
Most connected first
Designing so that people with disabilities can use a thing, and the standards that make it checkable.
Design & Interface·20 connections
Named design decisions — colour, spacing, radius, type — stored as data so they can be shared and re-themed.
Design & Interface·14 connections
Deliberately controlling which element receives keyboard focus as an interface changes.
A component supplying behaviour and accessibility with no styling of its own.
Design & Interface·13 connections
Making every interactive affordance reachable and operable without a pointer.
Design & Interface·12 connections
Using movement to communicate change, continuity, and hierarchy rather than to decorate.
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.
Composing styles from many small single-purpose classes rather than authoring semantic rules.
Design & Interface·11 connections
Attributes that describe roles, states, and relationships to assistive technology when HTML cannot.
Design & Interface·10 connections
Serving an alternate palette for low-light preference, and the three states that implies.
Confining keyboard focus inside a modal surface so it cannot wander behind it.
A perceptually uniform colour space that makes lightness and chroma behave predictably.
An operating-system preference signalling that animation should be minimised, for real medical reasons.
A constrained set of type sizes and their paired line heights and spacing.
The small set of typed components through which all interface markup is expressed.
The algorithm deciding which declaration wins when several apply to the same element.
Design & Interface·9 connections
The measured luminance difference between foreground and background, and the accessibility floor it must clear.
A user-defined CSS property that participates in the cascade and inherits down the tree.
A shared vocabulary of tokens, primitives, and rules that makes independent work converge.
Confining a set of style decisions to a subtree so the same component can look different in different contexts.
Offsetting the start of sibling animations so a group reveals in sequence.
Design & Interface·8 connections
The curve mapping elapsed time to progress, and the main reason motion feels right or wrong.
Design & Interface·7 connections
A viewport width at which a layout changes, and the assumptions that come with it.
Styling based on the size of an element's container rather than the viewport.
Design & Interface·6 connections