Matyas.
ServicesProjectsExperienceBlogContact
CSGet in touch
Back to Dictionary
web-devux

CSS Animation

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.

#web-dev#ux

Related Terms

Next.js

Next.js is a full-stack React framework by Vercel that provides server-side rendering, static site generation, API routes, file-based routing, and built-in optimizations out of the box. Its App Router (introduced in v13) uses React Server Components by default, enabling a new paradigm of server-first rendering with selective client-side interactivity. Next.js has become the de facto standard for production React applications due to its performance optimizations, developer experience, and deployment flexibility.

Internationalization

Internationalization (i18n) is the process of designing software so it can be adapted to different languages, regions, and cultures without code changes. This involves externalizing strings, supporting right-to-left (RTL) layouts, handling date/number/currency formatting, and accommodating text expansion. Libraries like react-intl, next-intl, and i18next provide the infrastructure for managing translations and locale-aware formatting in JavaScript applications.

Static Site Generation

Static Site Generation (SSG) is a rendering strategy where HTML pages are pre-built at build time rather than generated on each request. The resulting static files can be served from a CDN with extremely fast load times and minimal server infrastructure. Frameworks like Next.js, Gatsby, and Astro support SSG, often combined with Incremental Static Regeneration (ISR) to update specific pages in the background without rebuilding the entire site.

Breadcrumb Navigation

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.

Dart

Dart is the programming language created by Google and used as the sole language for Flutter development. It features a sound type system, null safety, async/await support, and compiles both ahead-of-time (AOT) for production performance and just-in-time (JIT) for fast development cycles with hot reload. Dart's syntax feels familiar to developers coming from JavaScript, TypeScript, Java, or Kotlin, making the transition to Flutter relatively smooth.

Component Library

A component library is a curated set of pre-built, reusable UI elements — buttons, inputs, modals, cards — packaged for consistent use across projects. Libraries like Material UI, Chakra UI, or Radix provide accessible, themeable building blocks so developers don't have to reinvent common patterns. A well-maintained component library drastically reduces development time and ensures visual consistency throughout an application.

All Words
Matyas.

Web apps, mobile apps, AI automation. I help businesses save time and money with tech that actually works.

Links

  • Services
  • Projects
  • Experience
  • Blog
  • Dictionary
  • Contact

Coming Soon

  • Case StudiesSoon
  • Resources

© 2026 Matyas Prochazka. All rights reserved.