Dictionary

An AI agent is an autonomous system that uses an LLM as its reasoning engine to plan, make decisions, and execute multi-step tasks by invoking tools and APIs. Unlike simple chatbots, agents can browse the web, write and run code, manage files, and chain actions together to accomplish complex goals. Frameworks like LangChain, CrewAI, and Anthropic's Agent SDK enable developers to build agentic applications.

ARIA (Accessible Rich Internet Applications) is a set of HTML attributes that provide additional semantics to assistive technologies like screen readers. Attributes such as `aria-label`, `aria-hidden`, and `role` help describe dynamic content, custom widgets, and interactive elements that native HTML alone cannot fully express. The first rule of ARIA is to not use it when a native HTML element with the same semantics already exists.

Accessibility (often abbreviated a11y) is the practice of designing and building websites and apps so they can be used by everyone, including people with visual, motor, auditory, or cognitive disabilities. This involves proper semantic markup, keyboard navigation support, sufficient color contrast, and screen reader compatibility. Beyond being an ethical responsibility, accessibility is increasingly a legal requirement in many jurisdictions.

An affordance is a design property that suggests how an element should be used — a raised button looks clickable, a handle looks draggable, an underlined text looks like a link. In UI design, perceived affordances guide users toward correct interactions without explicit instructions. When affordances are missing or misleading (like text that looks clickable but isn't), users experience confusion and frustration.

Atomic Design is a methodology by Brad Frost for creating design systems by breaking interfaces into five hierarchical levels: atoms (basic HTML elements), molecules (simple component groups), organisms (complex UI sections), templates (page-level layouts), and pages (specific instances with real content). This approach provides a consistent mental model for organizing component libraries in React, React Native, or Flutter projects and ensures systematic scalability of the UI.

Auto-scaling is the ability of a system to automatically adjust the number of running instances or allocated resources based on current demand. When traffic spikes, new instances are provisioned; when demand drops, excess resources are released to save costs. Cloud platforms like AWS, GCP, and Azure offer auto-scaling groups with configurable policies based on CPU usage, request count, queue depth, or custom metrics.

BEM (Block Element Modifier) is a CSS naming convention that structures class names as `.block__element--modifier` to create clear, predictable relationships between HTML and CSS. For example, `.card__title--highlighted` identifies a highlighted title element within a card block. While modern tooling like CSS Modules and utility frameworks have reduced BEM's necessity, it remains widely used in large codebases and design systems where explicit naming conventions aid team coordination.

Blue-green deployment is a release strategy that maintains two identical production environments — "blue" (current) and "green" (new version). Traffic is switched from blue to green only after the new version passes all health checks, enabling zero-downtime releases. If issues are detected, traffic can be instantly routed back to the blue environment, making rollbacks trivial and fully automated.

Breadcrumb navigation is a secondary navigation pattern that shows the user's current location within a site hierarchy as a trail of links (e.g., Home > Products > Shoes). It helps users understand where they are and quickly navigate back to parent pages without relying on the browser's back button. Proper implementation uses an ordered list within a `<nav>` element with `aria-label="Breadcrumb"` for accessibility.

CI/CD (Continuous Integration / Continuous Deployment) is a set of practices that automate building, testing, and deploying code every time a developer pushes changes. Continuous Integration merges code into a shared branch frequently and runs automated tests, while Continuous Deployment automatically releases validated changes to production. Together they form the backbone of modern software delivery, reducing manual errors and accelerating release cycles.

CSS Animation uses `@keyframes` rules and the `animation` property to create complex, multi-step animations entirely in CSS without JavaScript. Combined with CSS transitions for simple state changes, these tools handle most UI animation needs performantly since browsers can optimize them on the GPU compositor thread. Properties like `transform` and `opacity` are particularly efficient to animate because they don't trigger layout recalculations or repaints.

CSS Custom Properties (also called CSS Variables) let you define reusable values with `--my-variable` syntax and reference them anywhere using `var(--my-variable)`. Unlike preprocessor variables in Sass or Less, they are live in the browser, cascade through the DOM, and can be updated dynamically with JavaScript. They're essential for theming systems, dark mode implementations, and maintaining consistent design tokens across large stylesheets.