Frontend terms
Building interfaces that humans actually enjoy using
Frontend development sits at the intersection of design, performance, and user psychology. This category covers browser rendering, component architecture, state management, accessibility, web APIs, and the frameworks and build tools that modern frontend teams rely on. What users see and interact with is ultimately what your software is — these terms help you build it well.
Canonical URL (rel=canonical)
A <link rel='canonical'> tag that tells search engines which URL is the authoritative version of a page — preventing duplicate content from splitting ranking signals across multiple URLs.
1mo ago
frontend intermediate
CSS Cascade Layers (@layer)
CSS @layer lets you explicitly define the order in which style groups are applied in the cascade — styles in a later layer always win over earlier ones regardless of specificity, eliminating specificity wars in large codebases.
1mo ago
frontend intermediate
CSS Grid Template Areas A CSS Grid feature that lets you name regions of a grid and assign elements to them by name, making complex layouts readable and maintainable without calculating column/row numbers.
1mo ago
frontend beginner
CSS :has() Selector
CSS :has() is a parent selector — .card:has(.badge) matches a .card that contains a .badge — enabling styles that depend on children or siblings, which previously required JavaScript.
2mo ago
frontend intermediate
CSS Nesting (Native)
Native CSS nesting lets you write nested selectors directly in CSS without a preprocessor — &:hover inside .card applies to .card:hover — available in all modern browsers since 2023 without any build step.
2mo ago
frontend beginner
CSS Logical Properties CSS4
CSS properties that map to physical directions based on writing mode — margin-inline instead of margin-left/right, padding-block instead of padding-top/bottom — enabling RTL support automatically.
2mo ago
frontend intermediate
CSS Subgrid CSS4
Subgrid (grid-template-columns: subgrid) allows a nested grid element to participate in its parent's grid tracks — aligning children across the parent's columns without duplicating track definitions.
2mo ago
frontend intermediate
Core Web Vitals ES2015
Google's set of performance metrics — LCP, INP, and CLS — that measure loading speed, interactivity, and visual stability, used as a direct search ranking signal.
2mo ago
frontend intermediate
Core Web Vitals & Page Performance
Google's Core Web Vitals — LCP, INP, CLS — measure real user experience and directly influence search ranking.
2mo ago
frontend intermediate
Critical Rendering Path The sequence of steps the browser takes to convert HTML, CSS, and JavaScript into pixels on screen — optimising it reduces Time to First Paint and LCP.
2mo ago
frontend advanced
CSS Animations & Transitions CSS3 CSS transitions animate property changes smoothly; keyframe animations define multi-step sequences — both should use GPU-composited properties (transform, opacity) for smooth 60fps.
2mo ago
frontend intermediate
CSS Cascade, Specificity & Inheritance CSS3 How browsers decide which CSS rule wins — cascade layers, origin, specificity score, and source order all play a role.
2mo ago
frontend intermediate
CSS Container Queries CSS4
A CSS feature that lets elements adapt their styles based on their parent container's size rather than the viewport — enabling truly reusable responsive components.
2mo ago
frontend intermediate
CSS Custom Properties (Variables) CSS3
Native CSS variables — --primary-color: #4f9cff — that cascade, inherit, and can be updated at runtime via JavaScript.
2mo ago
frontend beginner
CSS Flexbox & Grid CSS3
Flexbox handles one-dimensional layouts (row or column); Grid handles two-dimensional layouts — together they replace float and table hacks.
2mo ago
frontend intermediate
CSS Specificity CSS3
The algorithm browsers use to determine which CSS rule wins when multiple rules target the same element — calculated as a three-part score (ID, class, element).
2mo ago
frontend intermediate