glossary
F
331 names, 258 of them aliases · all letters
- :focus-visible pseudo-class→ Focus visibleaccessibility
- @font-face→ Web fonttypography
- F patternlayout
- F-shaped pattern→ F patternlayout
- F-shaped reading pattern→ F patternlayout
- fab→ Floating action buttoncomponent
- fab menu→ Speed dialcomponent
- fabricated testimonials→ Fake social proofpattern
- face pile→ Avatar groupcomponent
- facepile→ Avatar groupcomponent
- faceted 3D→ Low polyaesthetic
- Faceted filtercomponent
- faceted filters→ Faceted searchpattern
- faceted navigation→ Faceted searchpattern
- Faceted searchpattern
- facets→ Faceted filtercomponent
- Fademotion
- fade in→ Fademotion
- fade mask→ Scroll edge fadepattern
- fade out→ Fademotion
- fade out then in→ Fade throughmotion
- Fade throughmotion
- fade to blur→ Progressive bluraesthetic
- fake bold→ Faux boldtypography
- fake button→ Button versus linkaccessibility
- fake download button→ Disguised adpattern
- fake focus→ Active descendantaccessibility
- fake reviews→ Fake social proofpattern
- Fake scarcitypattern
- Fake social proofpattern
- Fake urgencypattern
- fallback chain→ Font stacktypography
- Fallback fonttypography
- False bottompattern
- false floor→ False bottompattern
- false hierarchy→ Misdirectionpattern
- false scarcity→ Fake scarcitypattern
- false urgency→ Fake urgencypattern
- fantasy user interface→ Fictional user interfaceaesthetic
- FART→ Flash of inaccurate color themecolor
- fat footer→ Site footerlayout
- Faux boldtypography
- faux italic→ Faux boldtypography
- favorites→ Save for laterpattern
- Feature gatepattern
- feature matrix→ Comparison tablecomponent
- Feature spotlightpattern
- feature tags→ OpenType featurestypography
- feature tour→ Onboarding tourpattern
- federated login→ Social loginpattern
- feed→ Feed layoutlayout
- Feed layoutlayout
- feedback colors→ Status colorcolor
- feedback mechanism→ Microsurveypattern
- feeds→ Feed layoutlayout
- feGaussianBlur and feColorMatrix trick→ Gooey effectmotion
- feTurbulence background→ Grainy gradientaesthetic
- Fictional user interfaceaesthetic
- FIDO2→ Passkeypattern
- field addon→ Input groupcomponent
- field array→ Attribute editorcomponent
- field description→ Helper textcomponent
- field error→ Error messagecomponent
- field group→ Fieldsetcomponent
- field set→ Fieldsetcomponent
- Fieldsetcomponent
- fieldset and legend→ Group labelaccessibility
- figcaption→ Figurecomponent
- Figma variable→ Color tokencolor
- Figurecomponent
- figure caption→ Figurecomponent
- file→ File attachmentcomponent
- File attachmentcomponent
- file card→ File attachmentcomponent
- file dropzone→ File uploadcomponent
- file input→ File uploadcomponent
- file picker→ File uploadcomponent
- file tree→ Tree viewcomponent
- File uploadcomponent
- fill forwards→ Fill modemotion
- Fill modemotion
- filler text→ Lorem ipsumtypography
- film grain→ Grainy gradientaesthetic
- film look→ Retro film aestheticaesthetic
- film user interface→ Fictional user interfaceaesthetic
- Filmstripcomponent
- filter builder→ Property filtercomponent
- filter chips→ Applied filterspattern
- filter panel→ Faceted filtercomponent
- filter pills→ Applied filterspattern
- filter sidebar→ Faceted searchpattern
- filter tokens→ Applied filterspattern
- Finder columns→ Miller columnslayout
- First Last Invert Play→ FLIPmotion
- First rule of ARIAaccessibility
- First run experiencepattern
- first viewport→ The foldlayout
- First-line indenttypography
- first-time user experience→ First run experiencepattern
- fisheye distortion→ Fisheye viewlayout
- fisheye effect→ Dock magnificationmotion
- fisheye menu→ Dock magnificationmotion
- Fisheye viewlayout
- Fitts's lawinteraction
- fixed color→ Static colorcolor
- fixed fluid fixed→ Holy grail layoutlayout
- fixed header→ Sticky headerlayout
- fixed pane→ Panelayout
- fixed space→ Non-breaking spacetypography
- fixed-width font→ Monospacetypography
- fixed-width numerals→ Tabular figurestypography
- flag object→ Media objectlayout
- flap animation→ Split-flap animationmotion
- flash of faux text→ FOFTtypography
- Flash of inaccurate color themecolor
- flash of invisible text→ FOITtypography
- flash of unstyled text→ FOUTtypography
- flash of unstyled theme→ Flash of inaccurate color themecolor
- flashbar→ Calloutcomponent
- Flashing contentaccessibility
- Flat 2.0aesthetic
- flat art→ Corporate Memphisaesthetic
- Flat designaesthetic
- flat design 1.0→ Flat designaesthetic
- flat design 2.0→ Flat 2.0aesthetic
- flat Frutiger Aero→ Frutiger Metroaesthetic
- flat long shadow→ Long shadowaesthetic
- flat review→ Review cursoraccessibility
- flat UI→ Flat designaesthetic
- flattened children→ Presentational childrenaccessibility
- flex-visual→ Reading flowaccessibility
- flexbox holy albatross→ Switcherlayout
- flexible input→ Forgiving formatpattern
- flexible pane→ Panelayout
- flexible space→ Spacerlayout
- flick→ Swipeinteraction
- flick scrolling→ Momentum scrollinginteraction
- flick to dismiss→ Swipe to dismisspattern
- Flickr style gallery→ Justified gallerylayout
- Flinginteraction
- FLIPmotion
- flip card→ Card flipmotion
- flip clock→ Split-flap animationmotion
- flip digit→ Split-flap animationmotion
- flip horizontal→ Card flipmotion
- FLIP technique→ FLIPmotion
- Float animationmotion
- float back to top→ Back to toppattern
- float button→ Floating action buttoncomponent
- Floating action buttoncomponent
- floating animation→ Float animationmotion
- floating dimensionality→ Dimensionalitymotion
- Floating labelcomponent
- floating pane→ Panelayout
- floating placeholder→ Floating labelcomponent
- floating player→ Picture in picturelayout
- floating purchase bar→ Sticky add to cartpattern
- floating toolbar→ Bubble toolbarcomponent
- floating window→ HUD panelcomponent
- flocking animation→ Particle backgroundmotion
- flourish→ Swashtypography
- flow→ Stacklayout
- flow menu→ Marking menuinteraction
- flow relative properties→ Logical propertieslayout
- fluent ribbon→ Ribboncomponent
- fluid design→ Responsive web designlayout
- Fluid gridlayout
- fluid grids→ Fluid gridlayout
- fluid heading styles→ Fluid typographytypography
- fluid layout→ Fluid gridlayout
- fluid space→ Fluid space scalelayout
- Fluid space scalelayout
- fluid spacing→ Fluid space scalelayout
- fluid type scale→ Fluid typographytypography
- Fluid typographytypography
- flush left and right→ Justified texttypography
- flush left ragged right→ Ragtypography
- flyout→ Popovercomponent
- flyout menu→ Mega menucomponent
- Focal pointlayout
- Focus appearanceaccessibility
- focus containment→ Focus trapaccessibility
- Focus delegationaccessibility
- Focus follows mouseinteraction
- focus guard→ Inertaccessibility
- focus halo→ Focus ringaccessibility
- focus handling→ Focus managementaccessibility
- focus hidden behind sticky header→ Focus not obscuredaccessibility
- focus highlight→ Focus ringaccessibility
- focus indicator→ Focus ringaccessibility
- focus indicator contrast→ Focus appearanceaccessibility
- focus indicator size→ Focus appearanceaccessibility
- focus lock→ Focus trapaccessibility
- Focus managementaccessibility
- focus mode reading→ Line focusaccessibility
- Focus not obscuredaccessibility
- focus on open→ Initial focusaccessibility
- focus on route change→ Route announcementaccessibility
- Focus orderaccessibility
- focus order annotation→ Accessibility annotationaccessibility
- focus outline→ Focus ringaccessibility
- focus pane and supporting pane→ Supporting panelayout
- Focus plus contextlayout
- focus restoration→ Focus managementaccessibility
- focus return→ Focus managementaccessibility
- Focus ringaccessibility
- focus sentinel→ Focus trapaccessibility
- Focus trapaccessibility
- focus trap (accidental)→ Keyboard trapaccessibility
- Focus visibleaccessibility
- focus-stealing click→ Click-throughinteraction
- focus-visible polyfill→ Focus visibleaccessibility
- focus+context→ Focus plus contextlayout
- Focusable disabledaccessibility
- focusable inside aria-hidden→ Hidden but focusableaccessibility
- Focusable scroll regionaccessibility
- focusable vs tabbable→ Tabbableaccessibility
- FOFTtypography
- FOITtypography
- folder pane→ Multi column layoutlayout
- folder picker→ Tree selectcomponent
- folder tree→ Tree viewcomponent
- folding feature→ Device posturelayout
- follow focus→ Selection follows focusinteraction
- follow path→ Motion pathmotion
- Follow-throughmotion
- font→ Typefacetypography
- Font Awesome→ Icon fonttypography
- font axis→ Variation axistypography
- font blocking period→ FOITtypography
- font combination→ Font pairingtypography
- font fallback→ Fallback fonttypography
- font family→ Typefacetypography
- font features→ OpenType featurestypography
- font flash→ FOUTtypography
- font icons→ Icon fonttypography
- font list→ Font stacktypography
- Font metric overridetypography
- Font pairingtypography
- font scaling→ Dynamic Typetypography
- font size→ Point sizetypography
- font size scale→ Type scaletypography
- font slicing→ Font subsettingtypography
- Font smoothingtypography
- font specimen→ Type specimentypography
- Font stacktypography
- Font subsettingtypography
- font swap→ FOUTtypography
- font synthesis→ Faux boldtypography
- font token→ Typography tokentypography
- Font weighttypography
- font-display: swap→ FOUTtypography
- font-family stack→ Font stacktypography
- font-feature-settings→ OpenType featurestypography
- font-optical-sizing→ Optical sizetypography
- font-palette→ Color fonttypography
- font-style: italic→ Italictypography
- font-variant-caps: small-caps→ Small capstypography
- font-variant-emoji→ Emoji presentationtypography
- foot mark→ Prime marktypography
- footer→ Site footerlayout
- footer to bottom→ Sticky footerlayout
- for/id pairing→ Label associationaccessibility
- force click→ Force touchinteraction
- Force touchinteraction
- Forced colors modecolor
- Forced continuitypattern
- forced reflow→ Layout thrashingmotion
- forced synchronous layout→ Layout thrashingmotion
- forced tab order→ Positive tabindexaccessibility
- forced-colors→ Forced colors modecolor
- foreground pair→ On-colorcolor
- Forgiving formatpattern
- forgiving input→ Forgiving formatpattern
- Formcomponent
- form error summary→ Error summarypattern
- form field→ Text fieldcomponent
- form group→ Fieldsetcomponent
- form layout→ Formcomponent
- format bar→ Rich text toolbarcomponent
- format mask→ Input maskcomponent
- formatting toolbar→ Rich text toolbarcomponent
- forward and backward motion→ Directionalitymotion
- forwards→ Fill modemotion
- four principles→ POURaccessibility
- four-color process→ CMYKcolor
- FOUTtypography
- fps→ Frame ratemotion
- fragmentainer→ Page breaklayout
- frame budget→ Frame ratemotion
- frame drop→ Jankmotion
- Frame ratemotion
- frames per second→ Frame ratemotion
- FRE→ First run experiencepattern
- free form selection→ Lasso selectioninteraction
- free trial trap→ Forced continuitypattern
- freeform windowing→ Multi-window modelayout
- freehand select→ Lasso selectioninteraction
- freemium meter→ Metered paywallpattern
- freemium wall→ Feature gatepattern
- freeze background scroll→ Scroll lockinteraction
- freeze panes→ Frozen columnlayout
- friction→ Dampingmotion
- friction by design→ Obstructionpattern
- friction dialog→ Type to confirmpattern
- Friend spampattern
- from keyword→ Relative color syntaxcolor
- front page layout→ Magazine layoutlayout
- frosted glass→ Glassmorphismaesthetic
- Frozen columnlayout
- frozen header row→ Frozen columnlayout
- Frutiger Aeroaesthetic
- Frutiger Metroaesthetic
- FTUE→ First run experiencepattern
- FUI→ Fictional user interfaceaesthetic
- full alignment→ Full bleedlayout
- Full bleedlayout
- full height page→ Pancake stacklayout
- full height section→ Coverlayout
- full justification→ Justified texttypography
- full page modal→ Tearsheetcomponent
- full page scroll→ Scroll snaplayout
- full screen dialog→ Tearsheetcomponent
- full screen layout→ Edge to edgelayout
- full width→ Full bleedlayout
- Functional needaccessibility
- functional needs→ Functional needaccessibility
- furigana→ Ruby annotationtypography
- furniture→ Chromelayout
- futuristic user interface→ Fictional user interfaceaesthetic
- fuzzy timestamp→ Relative timestampcomponent