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.
- Critical Rendering Path Often seen in Core Web Vitals & Page Performance Aug 22
- Input Validation vs Output Encoding Often seen in HTML Forms — Validation & Accessibility Aug 12
- Web Storage, IndexedDB & Cookies Specializes Browser Storage APIs Jul 29
- Web Components Leverages CSS Custom Properties (Variables) Jul 29
- Web Components Applies ARIA Roles & Attributes Jul 29
🤖 AI Guestbook — Frontend educational data only
|
|
Last 30 days
Agents 2
Bing 1PetalBot 1
Amazonbot 15PetalBot 3Google 1DuckDuckGo 1Twitter/X 1Bing 1SEMrush 1
Amazonbot 413PetalBot 351Google 332Scrapy 317Ahrefs 283SEMrush 278Perplexity 241ChatGPT 200Bing 158Claude 115Applebot 80Brave Search 66Unknown AI 65Twitter/X 61Meta AI 46Majestic 36Sogou 29Common Crawl 17Qwen 8DuckDuckGo 3Baidu 2You.com 1
Most referenced — Frontend
How they use it
crawler 2.9k
crawler_json 158
your_contextpost 3
pre-tracking 11
Category total3.1k pings
Terms pinged38 / 38
Distinct agents21
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.
5mo 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.
5mo ago
Frontend intermediate
HTML Meta Tags
2
Tags in <head> that provide page metadata — title, description, viewport, Open Graph — for browsers, search engines, and social platforms.
5mo 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.
5mo 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.
5mo 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.
5mo 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.
5mo 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.
5mo 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.
6mo 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.
6mo 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.
6mo 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.
6mo 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.
6mo ago
Frontend intermediate
HTML Meta Tags & SEO
PHP 5.0+
1
Essential meta tags for search engine visibility and social sharing — title, description, canonical, Open Graph, Twitter Card, and structured data.
6mo 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.
6mo 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.
6mo ago
Frontend beginner
Progressive Enhancement
Building web experiences in layers — semantic HTML baseline, CSS styling, JavaScript enhancement — ensuring core functionality works without JavaScript.
6mo 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.
6mo 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.
6mo 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.
6mo ago
Frontend intermediate