Glossary web design

A

  • Accessibility: Designing websites to ensure they are usable by everyone, including people with disabilities.
  • Anchor Text: The clickable text in a hyperlink.
  • API (Application Programming Interface): A set of tools and protocols for building software and allowing different applications to communicate.
  • Aspect Ratio: The proportional relationship between the width and height of a design element, often images or videos.

B

  • Back-End: The server-side of a website, including databases and server logic.
  • Bounce Rate: The percentage of visitors who leave a website after viewing only one page.
  • Breadcrumb Navigation: A secondary navigation system showing the user’s path to their current location on the site.
  • Browser Compatibility: Ensuring a website works across various web browsers.

C

  • Cache: Temporary storage for web pages and resources to improve loading speeds.
  • Call to Action (CTA): A prompt encouraging users to take a specific action (e.g., “Sign Up”).
  • CMS (Content Management System): Software that helps users create, manage, and modify content on a website without coding.
  • CSS (Cascading Style Sheets): A stylesheet language used to describe the presentation of a website (e.g., layout, colors, fonts).

D

  • Database: A structured set of data stored electronically and accessed for web applications.
  • Domain Name: The address users type into a browser to visit a website (e.g., example.com).
  • Dropdown Menu: A list of links or options that appear when hovering over or clicking a menu item.

E

  • E-Commerce: Websites designed for buying and selling products or services online.
  • Em (Unit): A scalable measurement unit in web design, relative to the font size of its parent element.
  • Embedding: Placing media (e.g., videos, maps) from another platform onto a webpage.

F

  • Favicon: A small icon associated with a website, displayed in the browser tab.
  • Flat Design: A minimalist design style emphasizing usability and simplicity.
  • Framework: A pre-written code library providing structure for building websites (e.g., Bootstrap, Foundation).
  • Front-End: The client-facing part of a website, including layout and design.

G

  • Grid System: A framework of horizontal and vertical lines to help designers structure layouts.
  • GUI (Graphical User Interface): A visual way of interacting with a website or application, as opposed to text commands.

H

  • Hosting: Storing website files on a server to make them accessible on the internet.
  • Hover State: A style change when a user moves their cursor over an element.
  • HTML (HyperText Markup Language): The standard language used to create webpages.

I

  • Image Optimization: Reducing image size without sacrificing quality to improve website performance.
  • Interactive Design: Creating web experiences that respond to user actions.
  • IP Address: A unique string of numbers identifying a device on the internet.

J

  • JavaScript: A programming language used to create interactive and dynamic website features.
  • JPEG: A commonly used image format, suitable for photos.

K

  • Kerning: Adjusting the space between characters in text to improve readability.
  • Keyword: Words or phrases optimized for search engines to improve rankings.

L

  • Landing Page: A standalone webpage designed for marketing or promotional purposes.
  • Load Time: The time it takes for a webpage to fully display its content.

M

  • Media Query: A CSS technique used to apply styles based on screen size or resolution.
  • Mockup: A visual representation of a website’s layout before development.
  • Mobile-First Design: Designing websites with mobile devices as the primary focus, then scaling up for larger screens.

N

  • Navigation Bar: A horizontal or vertical menu with links to the main sections of a website.
  • Nested Elements: HTML elements placed inside another element.

O

  • Open Source: Software with a source code that anyone can inspect, modify, and enhance.
  • Optimization: Improving website performance, speed, and usability.

P

  • Parallax Scrolling: A design effect where background content moves slower than foreground content while scrolling.
  • Plugin: A piece of software that adds extra features or functionality to a website.
  • Prototype: An interactive, clickable model of a website used during the design phase.

Q

  • Query: A request sent to a database or server to retrieve information.

R

  • Responsive Design: Designing websites to adapt seamlessly to different screen sizes and devices.
  • RGB (Red, Green, Blue): A color model used for digital design.

S

  • SEO (Search Engine Optimization): Strategies to improve a website’s visibility on search engines.
  • SSL (Secure Sockets Layer): A protocol for encrypting information exchanged between a user and a website.
  • SVG (Scalable Vector Graphics): A graphic format that maintains quality at any size.

T

  • Typography: The art and technique of arranging text to make it readable and visually appealing.
  • Template: A pre-designed layout used for creating consistent webpages.

U

  • UI (User Interface): The design of a website or app’s interface, focusing on how users interact with it.
  • UX (User Experience): The overall experience a user has when interacting with a website or app.

V

  • Viewport: The visible area of a webpage on a device screen.
  • Visual Hierarchy: The arrangement of elements to prioritize content and guide the user’s attention.

W

  • Wireframe: A basic visual guide representing a website’s structure and layout.
  • Widget: A small application or tool added to a website, like a calendar or weather forecast.

Z

  • Z-Index: A CSS property that controls the stacking order of overlapping elements.