Left toolbar

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).

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

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

The page people see when they visit your site's root domain. Read more about the homepage.

Any element that is further up the element hierarchy of the document tree. For example, the Body element is the ancestor of all elements on the Designer canvas.

You can assign element IDs from the Element settings panel in the Designer. ID selectors are useful for HTML anchors, linking to page sections, or for custom code.

A method of lowering the file size of your stylesheet(s) by removing all white space from your CSS files.

.htaccess is a powerful configuration file that allows you to configure and control how your website functions.

A Webflow canvas setting that lets you create styles for viewports with a minimum width of 240px and a maximum width of 479px. Also known as the mobile portrait media query.

Cookies are small text files sent by a website to a user’s web browser that enhance their browsing experience by remembering site preferences and activities.

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

A dropdown menu that displays all the selectors that affect a given element.

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

A hit is a request to a web server from a browser for a specific resource.

Left padding is a CSS property that defines the space between an element's left border and its content.

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

A call-to-action (CTA) is a website feature that prompts visitors to perform a specific action.

A 404 page is an error page a visitor sees when they try to access a non-existent or broken URL on a website.

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.

A closing tag is an instructional piece of code that ends a section of page content in HTML.

An HTML attribute you can use to give a short description of the contents of a webpage. Search engines often display this in results pages (SERPs).

The fastest way to learn how to use Webflow.

A generic element that is typically used to group content, or when no other element is specifically or semantically suitable. Div blocks have no effect on the content or layout until styled with CSS.

Return on investment (ROI) is a metric evaluating the profitability or gain of a venture.

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

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.

Columns let you create sections of content that sit side by side on your website, like the columns in newspapers. You can choose how many columns you want and their widths. You can also control how they display on smaller screens — such as stacking them.

Serialization is the process of converting data into an optimized format for storage, transmission, and sharing.

Character encoding is the process of representing characters (such as “a” or “3”) in a particular way, such as text on a computer screen.

Client-side is the user-facing part of a web app, responsible for processing user input and displaying content.

A class is a template that defines variables for objects with similar properties.

Prefetch is a technique that proactively loads and caches resources to improve website performance and user experience.

A language code is a standardized code of letters and numbers that represent different languages.

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

A space to hold and access sites, members, settings, and integrations. All users start with a Workspace that can become collaborative when and as needed.

A flexbox property that determines the resizing behavior of flex children across viewport sizes. They can shrink, grow, or remain static.

The baseline is the fixed invisible line that serves as the base for letters. It’s used as a measurement for line height and x-height.

The Resource Description Framework (RDF) is a standardized framework developed by the World Wide Web Consortium (W3C) that facilitates automated data exchange between web systems and applications.

The flex-grow CSS property defines how much an element grows relative to other flexible items inside the same flex parent.

The ID used to log into your Webflow account.

The min-width CSS property defines an element's minimum width. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

A feature that allows you to see how your site would be displayed in a browser without needing to publish your site or leave the Designer.

The specific domain or subdomain where your Webflow site is displayed.

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.

A primitive is the simplest JavaScript data type, representing fundamental values that do not encapsulate any object, method, or property.

A standard markup language that web browsers use to display websites.

A pixel (px) is the smallest unit of measure in a digital image or display, representing a single point of color or light.

A callback function is passed as an argument to another function and executed upon completing the latter’s task.

A Webflow element that displays graphical files on your website.

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.

Compile time is the length of time it takes for a compiler to convert high-level code into low-level code.

A media query is a CSS technique that applies different styles to a website or an app based on the characteristics of the device displaying it, such as screen size, resolution, and browser viewport.

A link block operates much like a div block, an HTML element for grouping and organizing other HTML elements (like text, images, and forms) into block-level containers. But in the case of a link block, what’s inside the block becomes a link.

A field label is descriptive text that helps users understand what information to enter in an input field on a web form.

A comparison shopping engine (CSE) is a search engine that compares ecommerce pricing, shipping costs, and customer reviews.

A radio button is a form element for selecting one option from a predefined set of mutually exclusive choices.

Syntax is the name for the rules specifying a programming language's structure and formatting.

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.

The base tag specifies the base URL for all relative links within HTML code for a specific page or document.

The "height: auto" CSS property automatically adjusts an element’s height based on its content.

APIs, or Application Programming Interfaces, are common code protocols that let apps safely exchange data with other apps, software, and hardware.

This checkbox allows you to enable or disable pagination on the selected Collection list.

An em in CSS is a scalable and relative unit of measurement that defines the size of an element relative to its parent's font size.

A bottom bar is a navigation bar at the bottom of an app or webpage.

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

A child element is an element nested within a parent element in a hierarchy.

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.

Real-Time Streaming Protocol (RTSP) is a standardized network protocol for transmitting real-time multimedia data like audio and video.

Bad neighborhoods are groups of websites that search engines have downgraded because they violate search engine guidelines.

An individual field within a Collection. You'll select which fields to display in dynamic Collection lists and Collection pages.

A typography element used for displaying multi-sentence text content.

A lightbox displays content in a popup or modal window on top of a web page’s main content.

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

Email templates — or pre-designed HTML layouts — ensure consistent branding and visual aesthetic in marketing campaigns.

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.

The main interface where you can build sites.

The title used to describe your website throughout Webflow.

The most flexible display property in CSS is the aptly named display: flex, which allows you to create flexible layouts with elements that you can align and distribute vertically or horizontally.

A key, or web key, is a unique identifier that authorizes access to a webpage or service.

A meta title is an HTML element that defines a web page's title and appears in browser tabs and search snippets on search engine results pages (SERPs) as a clickable headline.

A shim is a code snippet enabling modern web features to function within older programming or browsing environments.

The inside spacing between the right border of an element and the elements inside it.

The default UI state for Collection lists, which displays the items in the Collection. It is the opposite of the empty state.

Automagically describes complex content or functions that appear as if they were created using magic.

Help text is a user interface design element that provides additional information or guidance to users to clarify which content should go in a given Collection field.

File Transfer Protocol (FTP) allows for the transfer of files between two parties over TCP/IP-based communication channels, such as the internet.

Empty or void elements are HTML elements that don’t require a closing tag because they contain no content.

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

Interpolation is a mathematical process that estimates and creates new values based on known values and their relationship.

A web server is a computer program or hardware device that delivers web content to clients using HTTP. It handles client requests for web pages, images, and videos.

A measurement unit relative to an element's parent.

A flexbox property that lets you customize the alignment behavior of flex children, based on the cross-axis of the flex container. The cross axis is the opposite of the flex-direction property, so if you set the direction to vertical, the cross axis is horizontal. Options include start, center, end, baseline, and stretch.

Semantics accurately represent the structure and purpose of content in computer languages, enabling web developers and programmers to ensure the written code produces an output legible to humans and machines.

A breakpoint, or media query, is the width at which a website’s design and layout adjust to fit screens of different sizes. When designing in Webflow, breakpoints for smaller devices inherit styles from the base — or desktop — breakpoint by default.

A website background is a visual element behind webpage content, enhancing aesthetic appeal and user engagement.

Available in CMS Collections. This field offers you a powerful filtering tool for Collection items. For example, you could create a switch labeled "Featured?" for Blog Posts, and then switch on the toggle to showcase particular posts.

A Webflow element that embeds a Twitter Follow or Tweet button into your site.

A modal window (or modal) is a web element that displays above all content and restricts user interaction until it’s manually dismissed.

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

A widget is an interactive element embedded in a user interface that facilitates specific user actions or displays important information at a glance.