University
Log in
Search
⌘E
My learning
Try Webflow — it's free
Learn
Courses
Learning Paths
Videos
Docs
Resources
Certifications
Interactive Learning
Glossary
The Webflow Way
Engage
Support
Community
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
Glossary
Bottom bar

Bottom bar

A bottom bar is a navigation menu fixed to the bottom of a screen, usually holding a few key icons or shortcuts, like going back to the homepage or opening a new tab. It's especially common in mobile app design, where thumb-reach matters more than it does on desktop.

Bottom bars are especially common in mobile design. Apple, for example, frequently uses them in iOS apps like Safari. On mobile, vertical side menus can get squished, and the bottom of the page is much closer to a user’s thumbs than the top. It’s the best spot for both design and usability.

With the Webflow Designer, you can create a navigation system that works for your site and audience.

Design your own navigation patterns in Build & structure your site.

Relevant courses

Webflow MCP icon on glowy blue square

Get started with the Webflow MCP

Connect an AI agent to your Webflow site and complete your first MCP workflow.

Interactions & animations

Create motion and interactions that guide visitors and tell your brand's story.

Getting started with Webflow

Get familiar with Webflow’s website experience platform.
Publishing rocket icon flying through glass

Webflow for Marketers

Learn how to build, edit, and publish with confidence in Webflow.

Forms

Design and build forms that turn visits into messages, signups, and real follow-ups.

Custom code in Webflow

Add custom code to extend your site beyond built-in options.

Other glossary terms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Certificate authority

→
A certificate authority (CA), also known as a certification authority, issues digital certificates that verify a website’s owner.

Responsive design

→
Responsive web design (RWD) is a web development and design approach to create websites, applications, and user interfaces (UIs) that display and function effectively on any device or screen size.

BigInt

→
BigInt, which stands for “big integer,” is a JavaScript data type. JavaScript uses data types to decide how to treat a piece of data.

Display property

→
Display properties operate like instructions that tell a browser how to display the different parts of a webpage. You can customize an element’s appearance and layout by changing its display property.

Cryptographic hash function

→
A cryptographic hash function takes an input message of any length, such as a file, message, or password, and uses a mathematical formula to produce a fixed-size output (hash).

Deep copy

→
In programming, a deep copy is a replica of an object that doesn’t share the same references as the original. That way, if you make changes to the duplicate, the original stays the same.

Accessibility tree

→
A webpage’s accessibility tree indicates which parts of the page are compatible with assistive technologies such as braille displays, screen readers, and voice commands.

Flex-order

→
In CSS, flex-order is a property that allows you to manipulate the default source order of the items within a flex container. Flex-order is especially useful when you want content to display differently on mobile than on desktop.

Sitemap URL

→
The location your sitemap is stored in relation to your site, and what’s used when submitting your sitemap to search engines.

Link

→
A link, short for hyperlink, is a clickable website element that enables navigation between different web resources.

CMS field groups

→
CMS field groups let you organize a Collection's fields into named, labeled sections, making large or complex collections easier for editors to navigate.

Backup

→
A backup is a copy of data stored in an alternate location, including hard drives, cloud servers, or network-attached storage (NAS) servers.

Percent

→
A measurement unit relative to an element's parent.

Container

→
An element that contains content.

External link

→
External links direct users to different websites and impact a site's search engine visibility and rankings.

Flex-basis

→
Flex-basis is a CSS property used in flexboxes that sets the initial size of a flex item before it grows or shrinks.

Slug

→
A slug, also known as a URL slug or a website slug, is descriptive text that appears at the end of a URL and identifies a web page.

JSON

→
JSON, short for JavaScript Object Notation, is a human-readable, lightweight format for recording, storing, and exchanging data.

Headless CMS

→
A headless content management system (CMS) separates the front-end presentation layer from the back-end management layer, allowing for more flexible content delivery.

Keyboard shortcuts

→
Keyboard shortcuts are combinations of keys on a computer keyboard that perform a specific action or command within an application or operating system.

Anti-flicker

→
Anti-flicker is a technique that hides content until it's ready to display correctly, preventing visitors from briefly seeing something that's about to change.

Traffic

→
Traffic, or web traffic, refers to the number of users who visit a website over a period of time.

Webflow forum

→
The place to go when you need help with your site's design, custom code, etc. Visit the forum.

Input field

→
An HTML input field, represented by the syntax <input>, is a web page element where users input data, like text and numbers.

IP address

→
An IP (Internet Protocol) address is a unique string of characters identifying devices connected to the internet.

Delete element

→
To remove an element and&nbsp;its content from your website.

Content network

→
A content network is a collection of websites where advertisers can pay to display digital ads.

Display: block

→
Display properties tell browsers how an element should behave on the page. The most common display property keyword category is display: block.

Link field

→
A link field is a form input field that enables you to add links to your designs dynamically. You can connect a link field to text links, buttons, or other link elements to turn them into active links.

List item

→
A list is a Webflow element that displays multiple pieces of content in a structured, visually appealing way. The individual elements that make up the list are called list items.

Descriptor

→
A CSS descriptor sets specific properties and values of an at-rule (@-rule) element, dictating its appearance and behavior on a web page.

Static page

→
A static page is a document with fixed content that makes up an individual web page on your site.

Required field

→
You can set any Collection field as "Required," which means that a value must be added to that field in the Collection item before it can be published. The only Collection field that cannot be made required is the Switch field.

AJAX

→
Asynchronous JavaScript and XML (AJAX) is a web development approach that combines technologies to allow web content to update without reloading.

Position section

→
A section in the Style panel that houses CSS properties related to the positioning of an element.

Form submission

→
When someone sends data through one of your site's forms.

Control flow

→
The control flow is the order in which a computer program executes its instructions or statements, guided by control structures.

XML sitemap (sitemap.xml)

→
An XML (Extensible Markup Language) sitemap is a text file that lists a website's pages to help search engines crawl and index them.

BiDi

→
BiDi stands for bidirectional. When a document is BiDi, it supports text that reads from right to left and left to right.

Shared Workspace template

→
Shared Workspace templates are templates made from your own sites. They can help you create sites with similar layouts and increase your efficiency when designing. Your Workspace members will also have access to your shared Workspace template(s).

Color wheel

→
The color wheel shows several colors in a circle to represent primary, secondary, and tertiary colors and their relationships.

Dynamic content

→
Content you create once, then publish in many different places across your website. As you update this content in the CMS, it automatically updates wherever it exists on your site, making it convenient to create and manage larger websites.

Site plan

→
A Webflow plan that you can add/apply to individual sites. You’ll receive access to different site and hosting features based on your Site plan.

Array

→
An array is an ordered, random-access collection of data. This data can be either primitive or object, depending on the coding language.

Webclip

→
A 256 x 256 px image associated with your website that shows up when your website link is saved to an iPhone home screen.

Footer

→
A footer is a section at the bottom of a web page.

Locked site

→
When you have more unhosted sites in your Dashboard than your Workspace plan allows, those additional sites past your limit will be “locked” until you upgrade your plan. When you upgrade, you’ll be allowed more unhosted sites (up to the limit for your Workspace plan) and will be able to access your previously locked sites.

Dashboard

→
From your Dashboard, you can access, create, and manage all your sites.

Tag

→
A Hypertext Markup Language (HTML) tag is a code snippet that defines and describes the structure and content of web pages.

Blog

→
A blog, short for weblog, is a website or webpage where an individual or group regularly shares content about specific topics, typically in reverse chronological order.

Smoke test

→
A smoke test, also called build verification testing or confidence testing, is a preliminary examination to determine the basic functionality of a software, website, or application.

RSS

→
Really Simple Syndication (RSS) is a web format that automatically distributes frequently updated content to subscribers, eliminating the need for subscribers to check the website manually to stay up to date.

Asynchronous

→
Asynchronous programming is an approach where programs simultaneously run multiple operations independently without waiting for previous tasks to complete.

Below the fold

→
Below the fold refers to the lower portion of a webpage that isn’t immediately visible to visitors upon loading until they scroll down.

Collection item

→
An individual item within a Collection. For example, in a “Blog Posts” Collection, the Collection items are individual blog posts.

Content management system (CMS)

→
A content management system (CMS) is a tool for creating and managing a website and its content.

Tutorials

→
The fastest way to learn how to use Webflow.

Dither

→
Dithering is a design technique that simulates additional colors on a display to smooth transitions in images with limited color palettes.

Fold

→
The fold distinguishes the visible portion of the webpage immediately visible to users without scrolling from the remaining content viewable by scrolling down.

Closed-loop marketing

→
Closed-loop marketing is an ecommerce marketing strategy that uses customer data to create and improve targeted content.

Empty state

→
The state displayed when a Collection contains no Collection items, which gives you the opportunity to design for a situation where there's no content to display. Check out the Empty States blog for inspiration.

Total Site Pages

→
The amount of pages your site currently has.

Object-oriented programming (OOP)

→
Object-oriented programming (OOP) is a programming approach that organizes code into self-contained units of data, functions, and behavior.

Map

→
A Webflow element that embeds an interactive Google Map in your site.

SaaS

→
Software as a Service (SaaS) is a cloud-based approach to delivering software on a subscription basis without requiring local installation.

Optimization

→
Optimization is a systematic approach to improve a website's appearance, functionality, and visual appeal to enhance the user experience, improve search engine rankings, and achieve business objectives.

Call stack

→
A call stack is an ordered list of the functions (or stack frames) a program has to execute before it returns a result.

Entity

→
An entity is a representation of a special character that causes syntax conflicts in HTML (Hypertext Markup Language).

Content-first design

→
A design approach that prioritizes content planning and production in the design process.

Meta keywords

→
Meta keywords are words or phrases you can include in your web page's metadata.

Dynamic element

→
Dynamic elements are web page components that can change based on user interaction or external factors, like a live news feed, without requiring a page refresh or reload.

Comment

→
A comment is a text note in source code that offers context, internal information, or other guidance to any developers using it.

URL

→
A Uniform Resource Locator (URL) is a standardized web address format that allows users to identify and access an online resource.

Static content

→
Static content is content that’s not bound to any Collections or dynamic elements.

Localization

→
Localization (l10n) involves adapting digital content and applications to meet a specific region or culture’s language and conventions.

PNG (Portable Network Graphics)

→
PNG, short for Portable Network Graphics, is a lossless image format known for its transparency support and quality retention after compression.

Designer

→
The main interface where you can build sites.

Borders

→
The CSS border property delineates an HTML element.

Parent

→
The element directly above in the hierarchy tree.

Pagination settings

→
Through the pagination settings, you can preview Collection list pages by choosing the page number from the page dropdown list, or you can switch to the previous or next page using the arrow keys.

Account notifications

→
Account notifications update you about activity in your account. New notifications appear on your Webflow Dashboard after you log in.

DHTML

→
DHTML, or Dynamic HTML, is a web-development technique combining HTML, CSS, and JavaScript to create dynamic, interactive web pages and complex web applications.

Element breadcrumbs

→
A navigational aid that displays in the bottom of the Webflow Designer to&nbsp;help you keep track of the element you're interacting with in relation to its hierarchy.

Effects

→
A section in the Style panel that houses CSS properties for changing how an element appears, such as its opacity, outline, and box shadows.

Maximum width (max width)

→
The “max-width” CSS property defines an element’s maximum width.

Undo

→
To move backward one step while making changes to a Webflow site.

Inline Frame (iframe)

→
An inline frame is an HTML element that embeds an HTML document within another webpage.

Collection URL

→
The slug that represents the parent folder for your individual Collection item URLs. For example, if you created a Collection called “Blog posts,” the URL would be website.com/blog-posts, while a Collection item URL for a blog post called “Hello world” would be website.com/blog-posts/hello-world.

Display: grid

→
The display: grid CSS property defines a website element (such as a button or header) as a grid container.

Gamut

→
Color gamut describes the full range of colors a device can reproduce on its display.

Total Form Submissions

→
The amount of times a site visitor submits data using your site's form(s).

Tabs

→
A Webflow component that displays a pane of content associated with a tab menu button.

Sibling

→
An element that shares the same parent of another element.

Registrar

→
A registrar, or domain name server (DNS) registrar, manages the sale of domain names and the assignment of IP addresses, ensuring each domain’s uniqueness.

Display: none

→
Display: none is a CSS property that hides website elements. This code tells the document flow to ignore the element entirely, making it invisible.

Ciphertext

→
Ciphertext is unreadable, encrypted data that ciphers use for security during data transit.

Collection

→
A content type (blog posts, recipes, etc.) represented by a group of fields you define. Once created, you can add individual Collection items.

Mutable

→
In JavaScript, mutable objects are dynamic elements that allow post-creation changes and modifications.

Conditional

→
Conditionals, also known as conditional statements or expressions, are coding instructions that tell a program to execute an action for a certain condition.

User interface (UI)

→
A user interface (UI) is any visual element humans interact with on a device, webpage, or application.
Hmm…we couldn’t find any results. Try a different search term or reset the filter.
Reset the filter
Load more