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.
More on Frontend
History
Frontend development emerged in the 1990s as web browsers became capable of rendering HTML beyond simple text documents, with CSS (1996) and JavaScript (1995) enabling styling and interactivity. Early practice focused on cross-browser compatibility and server-side rendering, but shifted dramatically with the rise of AJAX (mid-2000s) and single-page applications (SPAs), moving application logic to the client. The introduction of modern frameworks—jQuery, Angular, React, and Vue—standardized component-based architecture and state management, while DevTools and build systems (Webpack, npm) professionalized the discipline. Today's frontend encompasses responsive design, performance optimization (Core Web Vitals), accessibility (WCAG), and progressive enhancement, reflecting evolution from document presentation to sophisticated interactive systems that run across diverse devices and network conditions.
Key concepts
- Semantic HTML
- CSS Cascade
- Specificity & Inheritance
- CSS Flexbox & Grid
- HTML Forms — Validation & Accessibility
- Responsive Images
- Web Accessibility (WCAG & ARIA)
- Script Loading (defer
- async
- type=module)
- Core Web Vitals & Page Performance
Best references
-
MDN Web Docs — Frontend Development Gold-standard reference for HTML, CSS, JavaScript APIs, and web standards. Covers every term in this category with accurate, maintained documentation and practical examples.
-
W3C CSS Working Group Specifications Authoritative source for CSS specs including Grid, Flexbox, Container Queries, @layer, and custom properties. Essential for understanding official CSS standards.
-
WHATWG HTML Standard Living standard for HTML, including semantic elements, forms, meta tags, and the native dialog element. The definitive reference for modern HTML features.
-
Web.dev by Google Curated guides on Core Web Vitals, performance optimization, accessibility (WCAG/ARIA), progressive enhancement, and modern frontend best practices.
-
WebAIM — Web Accessibility In Mind Practical accessibility education covering ARIA roles, WCAG compliance, semantic HTML, and form validation. Trusted resource for accessible frontend design.
-
Can I Use — Browser Compatibility Tables Authoritative database of browser support for CSS, HTML, JavaScript APIs, and Web Components. Essential for checking feature compatibility across targets.
✦ Latest in Frontend
Typed relationships here
Edges touching a Frontend term.
- Input Validation vs Output Encoding Often seen in HTML Forms — Validation & Accessibility 1d
- Web Storage, IndexedDB & Cookies Specializes Browser Storage APIs 2d
- Web Components Leverages CSS Custom Properties (Variables) 2d
- CSS Cascade, Specificity & Inheritance Contains CSS Cascade Layers (@layer) 3d
- CSS Custom Properties (Variables) Often seen in Web Components 4d
🤖 AI Guestbook — Frontend educational data only
|
|
Last 30 days
Agents 11
Ahrefs 7Google 4
Scrapy 23Ahrefs 5SEMrush 2Google 2
Scrapy 317Amazonbot 316Perplexity 230Google 152Ahrefs 121ChatGPT 107SEMrush 103Claude 61Unknown AI 59Meta AI 45Bing 38Majestic 23Sogou 8Qwen 5
Most referenced — Frontend
Preload, Prefetch & Preconnect 1Intersection Observer API 1Critical Rendering Path 1Web Accessibility (WCAG & ARIA) 1Semantic HTML 1CSS Cascade, Specificity & Inheritance 1CSS Animations & Transitions 1Core Web Vitals & Page Performance 1
How they use it
crawler 1.5k
crawler_json 124
pre-tracking 11
Category total1.6k pings
Terms pinged38 / 38
Distinct agents13
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.
2mo ago
frontend intermediate
Canonical URL (rel=canonical)
1
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.
2mo ago
frontend intermediate
HTML Meta Tags
1
Tags in <head> that provide page metadata — title, description, viewport, Open Graph — for browsers, search engines, and social platforms.
2mo ago
frontend beginner
Open Graph Protocol
2
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.
2mo 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.
2mo 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.
2mo ago
frontend intermediate
CSS Cascade Layers (@layer)
1
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.
2mo 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.
2mo ago
frontend advanced
CSS Grid Template Areas
1
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.
3mo 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.
3mo 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.
3mo 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.
3mo 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.
3mo ago
frontend intermediate
HTML Meta Tags & SEO
PHP 5.0+
2
Essential meta tags for search engine visibility and social sharing — title, description, canonical, Open Graph, Twitter Card, and structured data.
3mo 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.
3mo 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.
3mo ago
frontend beginner
Progressive Enhancement
Building web experiences in layers — semantic HTML baseline, CSS styling, JavaScript enhancement — ensuring core functionality works without JavaScript.
3mo 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.
3mo 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.
3mo 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.
3mo ago
frontend intermediate