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.
🤖 AI Guestbook — Frontend educational data only
|
|
Last 30 days
Agents 3
Amazonbot 264Perplexity 229Google 104Ahrefs 63Unknown AI 59ChatGPT 51SEMrush 45Majestic 8Meta AI 4Qwen 1Claude 1
Most referenced — Frontend
How they use it
crawler 779
crawler_json 39
pre-tracking 11
Category total829 pings
Terms pinged38 / 38
Distinct agents10
Shadow DOM
A browser feature that attaches a scoped, encapsulated DOM subtree to an element — styles and IDs inside the shadow tree do not leak in or out, enabling true component isolation on the web.
3w ago
frontend intermediate
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
HTML Meta Tags
Tags in <head> that provide page metadata — title, description, viewport, Open Graph — for browsers, search engines, and social platforms.
1mo ago
frontend beginner
Open Graph Protocol
Meta tags that control how a page appears when shared on social platforms — title, description, image, and URL shown in link previews on Facebook, LinkedIn, Slack, Discord, and Twitter/X.
1mo ago
frontend beginner
Script Loading (defer, async, type=module)
How and when browser downloads and executes JavaScript — defer, async, and type=module control whether scripts block HTML parsing and in what order they run.
1mo ago
frontend intermediate
Structured Data — JSON-LD
Machine-readable schema markup embedded in a <script type='application/ld+json'> block, enabling Google rich results — star ratings, FAQs, breadcrumbs, events, and recipes in search.
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
WebAssembly (Wasm)
A binary instruction format that runs at near-native speed in the browser and on servers — enabling C, Rust, and Go code to run alongside JavaScript without plugins.
1mo ago
frontend advanced
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
HTML Meta Tags & SEO PHP 5.0+
Essential meta tags for search engine visibility and social sharing — title, description, canonical, Open Graph, Twitter Card, and structured data.
2mo ago
frontend beginner
Lazy Loading Images
Deferring off-screen image downloads with loading="lazy" — improves initial page load and LCP by only fetching images as they approach the viewport.
2mo ago
frontend beginner
Native dialog Element HTML5
The HTML dialog element provides accessible modals and non-modal dialogs natively — with built-in focus trapping, backdrop rendering, and the Escape key — without JavaScript libraries.
2mo ago
frontend beginner
Progressive Enhancement
Building web experiences in layers — semantic HTML baseline, CSS styling, JavaScript enhancement — ensuring core functionality works without JavaScript.
2mo ago
frontend intermediate
Responsive Images HTML5
Serving different image sizes to different devices using srcset and sizes — preventing mobile devices from downloading desktop-sized images.
2mo ago
frontend intermediate
Service Workers & Offline Caching ES2015
A JavaScript worker that intercepts network requests and serves responses from cache — enabling offline access, faster loads, and background sync.
2mo ago
frontend intermediate
Web Font Loading Strategy CSS3
Controlling how custom fonts load to avoid FOIT (invisible text), FOUT (flash of unstyled text), and layout shift — using font-display, preloading, and system font stacks.
2mo ago
frontend intermediate