A Design System can generally be thought of as a collection of resources for interactive media that promotes brand alignment. While that definition is intentionally broad, in UI development Design Systems generally manifest as component libraries surrounded by usage guidance and design principles.
A Design Token is a semantic, named variable used to describe a Design System. They often describe design concepts like typography, color, sizes, UI spacing, etc. FAST encourages checking out the Design Tokens Community Group for more information on Design Tokens themselves.
Refers to the collection of modern browsers that auto-update to frequently make available the latest web standard features to their customers.
An umbrella term referring to a collection of new CSS capabilities that enable web developers to “break out” of the black box of CSS. Capabilities include a typed object model for CSS, custom painting, custom layout algorithms, animation and scrolling control, etc.
Time to Interactive (TTI)
The amount of time it takes a web page to become interactive. The smaller the TTI, the better.
An umbrella term referring to a collection of new HTML and CSS capabilities aimed at enabling a native, extensible component model for the web. Typically, the term refers to the following specs: HTMLTemplateElement, Custom Elements, and Shadow DOM. Sometimes CSS properties are included in the list. The list also continues to expand with features like Adopted Style Sheets, CSS Shadow Parts and Themes, and native HTML/CSS modules.