Flexbox
A one-dimensional CSS layout model for distributing space and aligning items along a single axis (row or column). Simpler than Grid for linear layouts — navbars, card rows, and centering content.
Related Terms
Related Articles
More Web Terms
Accessibility (WCAG)
The Web Content Accessibility Guidelines (WCAG) define standards for making web content perceivable, operable, understandable, and robust for users with disabilities. WCAG 2.2 AA is the current standard, increasingly enforced by law.
AVIF
A next-generation image format based on the AV1 video codec. Offers 50% better compression than JPEG and 20% better than WebP. Supports HDR, wide color gamut, and transparency. Browser support is nearly universal as of 2025.
CI/CD Pipeline
Continuous Integration and Continuous Delivery/Deployment — automated workflows that build, test, and deploy code on every commit. Reduces deployment risk, catches bugs early, and enables multiple daily releases.
Code Splitting
A bundling technique that breaks JavaScript into smaller chunks loaded on demand. Reduces initial bundle size, improving Time to Interactive. Implemented automatically by Next.js at the route level and manually with dynamic imports.
Content Delivery Network (CDN)
A globally distributed network of servers that caches and delivers content from the location nearest to each user. Reduces latency from hundreds of milliseconds to single digits. Essential for global performance.
Core Web Vitals
Three metrics Google uses to measure real-world user experience: Largest Contentful Paint (loading), Interaction to Next Paint (interactivity), and Cumulative Layout Shift (visual stability). Direct ranking factor since 2021.