Core Web Vitals

Core Web Vitals are a set of three specific performance metrics defined by Google that measure the real-world user experience of a web page — how fast it loads, how quickly it responds to interaction, and how visually stable it is during loading...

Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS) is a Core Web Vitals metric that measures the visual stability of a web page — specifically, how much the visible content unexpectedly moves while the page is loading or during user interaction...

Dark mode

Dark mode is a display setting that replaces a website or application's default light background with a dark color scheme — typically dark gray or near-black backgrounds with light-colored text and interface elements...

Design system

A design system is a documented collection of reusable components, visual standards, and guidelines that define how a product or website should look and behave...

Form validation

Form validation is the process of checking user-submitted data to ensure it is complete, correctly formatted, and appropriate before it is accepted by a website or application...

Hamburger menu

The hamburger menu is a user interface element consisting of three horizontal lines stacked vertically — resembling a hamburger from the side — that serves as a button to open and close a navigation menu...

Infinite scroll

Infinite scroll is a web design pattern in which new content loads automatically as a user scrolls toward the bottom of a page, creating a continuous stream of content without discrete page breaks...

Interaction to Next Paint (INP)

Interaction to Next Paint (INP) is a Core Web Vitals metric that measures how quickly a webpage responds to user interactions — clicks, taps, and keyboard inputs — across the entire page session...

Microinteraction

Microinteraction is a small, single-purpose animation or response built into a user interface to communicate feedback, guide behavior, or simply make an interaction feel alive...

Modal

A modal (also called a popup, overlay, or dialog) is a window that appears on top of the main page content, temporarily interrupting the user's current activity to present information, request input, or prompt a decision...