Resources
The Complete Website Design & Development Glossary
From layout basics to advanced, pro-level development concepts - every web design, front-end, back-end, and CMS term explained in plain language by Search Savvy's team.
128 Terms, A to Z
Beginner to Pro Level
Design, Dev & CMS Covered
Beginner Good starting point
Intermediate Working knowledge
Advanced Pro / technical level
All Terms
Beginner
Intermediate
Advanced
A
A
- Above the Fold Beginner
- The portion of a webpage visible without scrolling. Key messaging, CTAs, and navigation are typically prioritized here in design.
- Accessibility (Web Accessibility) Intermediate
- Designing and building websites so people with disabilities can perceive, navigate, and interact with them, often guided by WCAG standards.
- Agile Development Intermediate
- An iterative project management approach that breaks development into short cycles (sprints) with continuous feedback and adjustment.
- API (Application Programming Interface) Advanced
- A defined way for a website or app to exchange data with another system, such as pulling in payment processing or CRM data.
- Atomic Design Advanced
- A methodology for building design systems by breaking interfaces into small, reusable components (atoms, molecules, organisms).
- Animation (CSS/Web Animation) Intermediate
- Motion applied to interface elements, used to guide attention, provide feedback, or add polish without harming performance.
B
B
- Backend Development Beginner
- The server-side part of a website, handling databases, application logic, and server configuration, invisible to the end user.
- Bootstrap Intermediate
- A popular open-source CSS framework providing pre-built components and a responsive grid system for faster development.
- Breakpoint Intermediate
- A defined screen width at which a responsive website's layout changes to better fit the device being used.
- Browser Compatibility Intermediate
- Ensuring a website displays and functions correctly across different web browsers like Chrome, Safari, and Firefox.
- Build Process Advanced
- The automated steps (bundling, minifying, compiling) that turn source code into optimized files ready for production.
- Button States Beginner
- The different visual appearances of a button (default, hover, active, disabled) that provide feedback during interaction.
C
C
- CMS (Content Management System) Beginner
- Software like WordPress or Shopify that lets non-developers create, edit, and manage website content without writing code.
- CSS (Cascading Style Sheets) Beginner
- The language used to control a webpage's visual presentation, including layout, color, fonts, and spacing.
- Call to Action (CTA) Beginner
- A prompt, usually a button or link, encouraging a visitor to take a specific next step, such as "Get a Quote."
- Caching Intermediate
- Temporarily storing copies of files or data so future requests can be served faster, a key website speed optimization.
- CDN (Content Delivery Network) Advanced
- A distributed network of servers that delivers website content from a location physically closer to the visitor, reducing load times.
- Client-Side Rendering (CSR) Advanced
- Building a page's content in the visitor's browser using JavaScript, rather than receiving fully-formed HTML from the server.
- Component Library Advanced
- A collection of reusable, pre-styled interface elements (buttons, cards, forms) used to build a site consistently and quickly.
- Cross-Browser Testing Intermediate
- The practice of checking that a website works correctly across multiple browsers and their versions before launch.
- Custom Post Type Advanced
- A WordPress feature allowing content types beyond standard posts and pages, such as "Products" or "Case Studies."
D
D
- Dark Mode Beginner
- An interface color scheme using light text on dark backgrounds, offered as an alternative to a site's default light theme.
- Database Intermediate
- An organized system for storing and retrieving a website's data, such as content, user accounts, and orders.
- Deployment Intermediate
- The process of publishing a website or application update from a development environment to the live, public server.
- Design System Advanced
- A comprehensive set of design standards, components, and guidelines that ensure visual and functional consistency across a product.
- DNS (Domain Name System) Intermediate
- The system that translates a domain name into the IP address of the server hosting a website.
- Domain Name Beginner
- The web address (e.g. searchsavvy.in) used to access a website, registered separately from its hosting.
- Dynamic Content Intermediate
- Website content that changes based on user behavior, data, or context, rather than being fixed for every visitor.
E
E
- E-Commerce Beginner
- A website built to sell products or services online, typically including a catalog, cart, and checkout flow.
- Elementor Beginner
- A popular drag-and-drop page builder plugin for WordPress, used to design pages visually without writing code.
- Encryption Intermediate
- Scrambling data so it can only be read by an authorized party, the foundation of secure (HTTPS) website connections.
- Error Page (404 Page) Beginner
- A custom page shown when a visitor requests a URL that doesn't exist, ideally helping them find their way back.
- Exit-Intent Popup Intermediate
- A popup triggered when a visitor's cursor behavior suggests they're about to leave the page, often used for last-chance offers.
F
F
- Favicon Beginner
- The small icon representing a website, shown in browser tabs, bookmarks, and search results.
- Figma Beginner
- A widely used collaborative design tool for creating website mockups, wireframes, and interactive prototypes.
- Flexbox Intermediate
- A CSS layout model that makes it easier to align and distribute elements within a container, especially for one-dimensional layouts.
- Font Pairing Beginner
- The practice of combining two or more typefaces (usually a heading and body font) that work well together visually.
- Frontend Development Beginner
- The part of web development focused on everything a visitor sees and interacts with directly in the browser.
- Framework Intermediate
- A pre-built structure of code and tools (like React or Bootstrap) that provides a foundation for building websites faster.
- Full-Stack Developer Intermediate
- A developer skilled in both frontend (client-facing) and backend (server-side) development.
- Form Validation Intermediate
- Checking that data entered into a form (like an email address) meets expected rules before it's submitted.
G
G
- Git Advanced
- A version control system that tracks changes to code over time, allowing developers to collaborate and roll back changes safely.
- Gradient Beginner
- A gradual blend between two or more colors, commonly used in backgrounds, buttons, and overlays.
- Grid System (CSS Grid) Intermediate
- A layout method for arranging content into rows and columns, giving precise control over two-dimensional page structure.
- Gutenberg Intermediate
- WordPress's native block-based content editor, allowing pages to be built from modular content blocks.
H
H
- Hamburger Menu Beginner
- The three-line icon that expands into a navigation menu, commonly used on mobile and minimalist website designs.
- Headless CMS Advanced
- A content management system that stores and manages content separately from how it's displayed, delivered to any frontend via an API.
- Hero Section Beginner
- The large, prominent section at the top of a webpage, typically containing a headline, image, and primary call to action.
- Hosting (Web Hosting) Beginner
- The service that stores a website's files on a server and makes it accessible on the internet.
- HTML (HyperText Markup Language) Beginner
- The standard markup language used to structure content on the web, forming the skeleton of every webpage.
- HTTPS Beginner
- The secure version of HTTP, encrypting data exchanged between a browser and a server, required for a padlock icon and user trust.
- Hover State Beginner
- The visual change applied to an element when a cursor rests over it, signaling interactivity.
I
I
- Information Architecture (IA) Intermediate
- The practice of organizing and structuring a website's content so users can find what they need intuitively.
- Interaction Design (IxD) Advanced
- The design discipline focused on how users interact with an interface's controls, feedback, and behaviors.
- Interface (UI) Beginner
- The visual and interactive layer of a website or app that users directly engage with.
- Image Compression Intermediate
- Reducing an image's file size while preserving acceptable visual quality, a key website speed optimization.
J
J
- JavaScript Beginner
- The programming language that makes webpages interactive, handling everything from animations to dynamic content updates.
- jQuery Intermediate
- A JavaScript library that simplifies common tasks like DOM manipulation and animations; widely used in older website codebases.
- JSON Advanced
- A lightweight, text-based data format commonly used to exchange information between a website's frontend and backend or APIs.
- JAMstack Advanced
- A modern web architecture (JavaScript, APIs, Markup) that pre-builds pages for speed and security instead of generating them on each request.
K
K
- Keyframe Animation Advanced
- A CSS animation technique that defines specific styles at different points ('keyframes') during an animation sequence.
- Kerning Advanced
- The adjustment of space between individual letter pairs in typography, used to improve readability and visual balance.
L
L
- Landing Page Beginner
- A standalone webpage designed for a specific campaign or offer, built to drive a single, focused conversion action.
- Lazy Loading Intermediate
- A performance technique that delays loading images or content until they're about to enter the viewport, improving initial page speed.
- Lighthouse Intermediate
- A free Google tool that audits a website's performance, accessibility, and best practices, generating a scored report.
- Load Time Beginner
- The amount of time it takes for a webpage to fully display its content after a visitor requests it.
- Logo Design Beginner
- The process of creating a brand's primary visual identifier, foundational to a website's overall visual identity.
M
M
- Markup Language Beginner
- A system (like HTML) that uses tags to define the structure and elements of a document, distinct from a programming language.
- Media Query Intermediate
- A CSS rule that applies styles only when certain conditions (like screen width) are met, the core mechanism behind responsive design.
- Meta Tags Intermediate
- HTML tags in a page's head section that provide metadata, such as the page title, description, and social sharing image.
- Microinteraction Advanced
- A small, single-purpose animation or feedback moment, like a button pulse on click, that makes an interface feel responsive.
- Mobile-First Design Intermediate
- A design approach that starts with the smallest screen size first, then progressively enhances the layout for larger screens.
- Mockup Beginner
- A static, high-fidelity visual representation of a webpage's design, used to review look and feel before development begins.
- Module (Content Block) Intermediate
- A reusable, self-contained section of content or functionality that can be placed and rearranged across pages.
N
N
- Navigation Bar (Navbar) Beginner
- The menu, typically at the top of a page, that lets visitors move between a website's main sections.
- Node.js Advanced
- A JavaScript runtime that allows JavaScript to run on a server, commonly used to build the backend of modern web applications.
- No-Code / Low-Code Beginner
- Website-building approaches (like Webflow or Elementor) that let people build functional sites with minimal or no hand-written code.
O
O
- Onboarding Flow Intermediate
- The guided sequence of steps that introduces a new user to a website or app's key features and value.
- Open Source Intermediate
- Software (like WordPress) with publicly available source code that anyone can inspect, modify, and contribute to.
- Optimization (Performance Optimization) Intermediate
- The ongoing process of improving a website's speed, efficiency, and resource usage.
- Overlay Beginner
- A layer of content, such as a popup or modal, displayed on top of a page's main content.
P
P
- Page Builder Beginner
- A visual, drag-and-drop tool (like Elementor or Divi) that lets users design webpages without writing code.
- Parallax Scrolling Intermediate
- A design effect where background and foreground elements move at different speeds as a user scrolls, creating a sense of depth.
- Persona (User Persona) Intermediate
- A fictional profile representing a key user segment, used to guide design and content decisions around real user needs.
- PHP Advanced
- A server-side scripting language that powers much of the web, including WordPress and many other content management systems.
- Plugin Beginner
- An add-on that extends a CMS's core functionality, such as adding a contact form, SEO tools, or an online store.
- Prototype Intermediate
- An interactive, clickable model of a website used to test flows and gather feedback before full development begins.
- Progressive Web App (PWA) Advanced
- A website built to behave like a native app, offering offline access, push notifications, and fast performance.
Q
Q
- QA (Quality Assurance) Testing Intermediate
- The process of systematically testing a website across devices, browsers, and use cases to catch bugs before launch.
- Query String Advanced
- The portion of a URL after a "?" used to pass additional parameters, such as tracking codes or filter settings.
R
R
- React Advanced
- A popular JavaScript library for building interactive user interfaces using reusable components.
- Repository (Repo) Advanced
- A storage location, typically managed with Git, that holds a website or application's complete codebase and its history.
- Responsive Design Beginner
- A design approach ensuring a website automatically adapts its layout to look and function well on any screen size.
- REST API Advanced
- A common architectural style for building APIs, allowing systems to communicate over standard web protocols.
- Rollback Advanced
- Reverting a website or application to a previous version, typically after a problematic update or deployment.
S
S
- Sass / SCSS Intermediate
- A CSS preprocessor that adds features like variables and nesting, making stylesheets more maintainable for larger projects.
- SVG (Scalable Vector Graphics) Intermediate
- An image format built from mathematical paths rather than pixels, staying sharp at any size and ideal for icons and logos.
- Server-Side Rendering (SSR) Advanced
- Generating a page's full HTML on the server before sending it to the browser, often improving speed and SEO over client-side rendering.
- Shopify Beginner
- A hosted e-commerce platform that lets businesses build and manage an online store without managing their own server infrastructure.
- Site Architecture Intermediate
- The overall structure and hierarchy of a website's pages, shaping both navigation and SEO.
- Skeleton Screen Advanced
- A loading placeholder that mimics a page's layout before content fully loads, reducing perceived wait time.
- SSL Certificate Intermediate
- A digital certificate that enables HTTPS encryption between a browser and a server, required for secure, trustworthy websites.
- Sticky Navigation Beginner
- A navigation bar that remains fixed at the top of the screen as a user scrolls down the page.
- Style Guide Intermediate
- A reference document defining a site's colors, typography, spacing, and components to ensure design consistency.
T
T
- Tailwind CSS Advanced
- A utility-first CSS framework that builds designs by combining small, single-purpose classes directly in the markup.
- Template Beginner
- A pre-designed page or site structure that can be customized with a business's own content and branding.
- Theme (WordPress Theme) Beginner
- A collection of files controlling a WordPress site's overall design, layout, and styling.
- Third-Party Integration Intermediate
- Connecting a website to an external service or tool, such as a CRM, payment gateway, or email platform.
- Typography Beginner
- The art and technique of arranging type, including font choice, size, spacing, and hierarchy, to make text readable and visually effective.
- TLS (Transport Layer Security) Advanced
- The modern encryption protocol underlying HTTPS, having succeeded the older SSL protocol (the name "SSL" is still used colloquially).
U
U
- UI (User Interface) Beginner
- The visual elements - buttons, menus, layout - through which a user interacts with a website.
- Usability Testing Intermediate
- Observing real users as they attempt tasks on a website to identify friction points and areas for improvement.
- UX (User Experience) Beginner
- How a person feels when interacting with a website, encompassing usability, accessibility, findability, and overall satisfaction.
- UX Writing Advanced
- The practice of crafting the words used within an interface, such as button labels and error messages, to guide users clearly.
V
V
- Version Control Advanced
- A system (most commonly Git) for tracking and managing changes to code over time, essential for team-based development.
- Viewport Intermediate
- The visible area of a webpage on a user's screen, whose dimensions responsive design adapts to.
- Visual Hierarchy Intermediate
- The intentional arrangement of design elements (size, color, spacing) to guide a viewer's attention in order of importance.
- Vue.js Advanced
- A progressive JavaScript framework used for building user interfaces and single-page applications.
W
W
- WCAG (Web Content Accessibility Guidelines) Advanced
- The internationally recognized standard defining how to make web content accessible to people with disabilities.
- Webflow Intermediate
- A visual website builder that generates clean code, popular for design-focused sites without a traditional developer handoff.
- Webhook Advanced
- An automated message sent from one system to another when a specific event occurs, such as a new form submission.
- Wireframe Beginner
- A simplified, low-fidelity layout sketch of a webpage focusing on structure and content placement rather than visual design.
- WordPress Beginner
- The world's most widely used content management system, powering a large share of websites across the internet.
- WYSIWYG Editor Beginner
- "What You See Is What You Get" - a visual editor that shows content as it will appear on the live page while editing.
X
X
- XML Advanced
- A markup language used to structure and transport data, underlying formats like XML sitemaps and RSS feeds.
- XSS (Cross-Site Scripting) Advanced
- A security vulnerability where malicious scripts are injected into a website, a key risk web developers must guard against.
Y
Y
- YAML Advanced
- A human-readable data format commonly used for configuration files in modern web development and deployment tools.
Z
Z
- Z-Index Intermediate
- A CSS property that controls the stacking order of overlapping elements, determining which appears in front.
No terms match your search. Try a different word, or ask our team directly.
More Glossaries
Explore Our Other Resources
Looking for SEO, PPC, or social media terms? We've split those into their own dedicated glossaries.
Browse All Glossaries
See the full hub of 12 glossaries and 1,000+ terms in one place.
Go to hub
SEO Glossary
126 SEO terms explained from beginner to pro level, covering everything from on-page to technical SEO.
See glossary
Social Media Glossary
110+ Instagram, TikTok, and paid social terms explained from beginner to pro level.
See glossary
PPC & Google Ads Glossary
97 bidding, targeting, and campaign terms explained from beginner to pro level.
See glossary
Performance Marketing Glossary
85 attribution, growth, and cross-channel terms explained from beginner to pro level.
See glossary
Content Marketing Glossary
100 editorial, writing, and content strategy terms explained from beginner to pro level.
See glossary
AEO & GEO (AI Search) Glossary
83 AI search, LLM, and generative engine terms explained from beginner to pro level.
See glossary
Email Marketing Glossary
81 deliverability, automation, and campaign terms explained from beginner to pro level.
See glossary
Analytics & Reporting Glossary
86 GA4, statistics, and dashboarding terms explained from beginner to pro level.
See glossary
E-Commerce Marketing Glossary
74 checkout, fulfillment, and retention terms explained from beginner to pro level.
See glossary
Branding & Identity Glossary
70 brand strategy, visual identity, and positioning terms explained from beginner to pro level.
See glossary
Marketing Automation Glossary
59 workflow, CRM integration, and orchestration terms explained from beginner to pro level.
See glossary
Didn't Find the Term You Were Looking For?
Reach out and we'll add it - or better yet, walk you through what it actually means for your business.