Glossary Flashcards
404 Page
When you visit a website that doesn’t exist or couldn’t be found on the server because the webpage was moved or deleted, the broken link redirects to a 404 error page where a message indicating this error is shown.
You can customize your projects’ 404 page and design it as you like.
A/B Testing
A testing method that compares two different versions of a web page (a “control” and a variant) to identify which performs better.
Account Settings
The area where you manage your profile, subscriptions, billing info, and other account-specific settings.
Account notifications
Notifications that show you when others clone, like, follow, comment on, or interact with your public websites
Active Design Time
The time you spend in the Webflow Designer, actively making changes to your site.
Ancestor
Any element higher in the hierarchy.
Authorized applications
Third-party applications that you’ve given access to your personal and/or website data
Background module
A section of the Style tab contains CSS properties that affect an element’s background, such as its background image, gradient and fill color.
Backup
A saved version of your site that you can restore
Base Tag
A meta tag that sets a default URL that all relative URLs in a document will follow.
If you set your base tag to “your-site.com/beta,” a relative URL of “/landing-page” will become “your-site.com/beta/landing-page.”
Basic elements module
A section of the Add panel that contains the elements that act as a website’s basic building blocks
Border module
A section of the Style tab that holds CSS properties for styling an element’s border, such as its border style, color, and radius.
Bottom bar
The grey bar at the bottom of the web flow designer that holds element breadcrumbs and the duplicate and deletes functions
Bottom margin
Defines the spacing between the bottom border of an element and the elements below it.
Bottom padding
Defines the spacing between the bottom border of an element and the elements inside it.
Branded code
Elements of Webflow site’s HTML that include references to Webflow.
CMS Administrator
The CMS Administrator is the only person who can invite and remove Content Editors. The Administrator is the person who holds the site in their Webflow account (usually the designer).
CMS Collection page
A dynamic page that Webflow automatically creates for each Collection item. When you design a Collection Page, all the pages that are created for each item will have the same template, but different content.
CMS Hosting
This site plan lets you publish a Webflow CMS–powered website to a custom domain. You need this plan in order to add Content Editors.
CMS Settings
The CMS Settings tab is where the CMS Administrator can add and remove Content Editors.
CSS Filter
A CSS property that defines visual effects like blur and saturation.
Cascading rules
The order in which a Webflow site’s CSS styles flow from desktop to mobile media queries.
Child
An element directly below the current element in the hierarchy.
Class
A selector type that affects all elements with that class.
Cloneable project
Cloneable projects are open source (made available under the CC0 license). You allow any user to copy, modify, and use any part of this project for personal or commercial purposes.
Projects with cloning turned off do not give others access to copy your project or open it in the Designer.
Collection
A Collection is a content type (blog post, portfolio item, etc.) represented by a group of fields you define. Once created, you can add individual Collection Items.
Collection Field
A Collection Field is an individual field within a Collection. You’ll select which fields to display in Dynamic Lists and Collection Template Pages.
Collection Item
A Collection Item is an individual item within a Collection. For example, in a Blog Posts Collection, the Collection Items are individual blog posts.
Collection List
A Collection List, formerly Dynamic List, is a Webflow element that lets you display content from a CMS Collection.
Collection List Layout
The Collection List Layout lets you control how Collection Items display inside a Collection List. The default layout option has each item covering the full width of the parent element. You can change this to display items in 2, 3, 4, or 6 columns.
Collection limits
By default, Collection List display all items in a Collection, but you can add limits to control the number of Collection Items that display.
Collection URL
The Collection URL is 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 would be website.com/blog-posts/hello-world.
Color field
The Color field is a CMS field used in Collections. Add the Color field to a Collection to let collaborators use a color picker to style elements like background color, text, and border color within the CMS Panel.
Columns
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.
Combo class
Combining two or more classes into a single selector to target an element.
Common targets
All elements on the page targeted by the same selector.
Component Module
A section in the Add Panel that houses pre-built Webflow elements such as sliders, tabs, and lightboxes.
Container
An element that contains content.
Content first
Content first is a design approach that prioritizes content planning and production in the design process.
Custom domain hosting
A Webflow service that lets you point a custom domain to your Webflow hosted site.
Custom font
Fonts that you upload and use on your Webflow site (rather than our stock fonts, Google Fonts, or Typekit fonts). Note that you must have rights to use these fonts.
Learn more about using custom fonts.
DNS records
DNS (Domain Name System) records tell the DNS server where each domain should point to. There are a number of different DNS record types. For example, MX records point emails (email@domain.com) to the email host.
To point your domain to Webflow, you’ll create 2 types of records: A records to point the root domain (domain.com) to Webflow and a CNAME record for each subdomain (blog.domain.com, help.domain.com) as well as the full domain (www.domain.com).
The Webflow records should point to the following addresses or values:
Dashboard
From your Dashboard, you can access, create, and manage all your projects. Learn more about the dashboard.
Date/Time field
The Date/Time field is a CMS field used in Collections. This lets you and your Content Editor(s) display a date and time in a Collection and/or Collection Item.
Descendant
Any element lower in the hierarchy.
Designers page
An area of the Webflow site containing profiles of designers who use Webflow. It offers a safe, secure way for clients to reach out to web designers who use Webflow.
Desktop media query
A Webflow Canvas setting for creating styles that affect viewports with a minimum width of 991px.
Discover page
A fun, easy way to see websites people built with Webflow.
Display property
A CSS property that specifies an element’s box type. It determines how an element displays — or, is laid out — in a design. Options include block, inline-block, inline, flex, grid, and none.
Display: block
Block elements start on a new line and take up the full available width.
Display: grid
Grid containers arrange their children (items inside them) across multiple columns and rows.
You can customize how the direct children are positioned, aligned, and distributed within the grid components: the container, the individual cells, group of cells, or tracks.
The grid child settings allow you to override the grid container settings for alignment and justification. They also allow you to change the order of the selected grid children.
Display: inline
Inline elements stack horizontally where vertical spacing is based on line-height, not margin or padding. They only take up the space their contents require. Width and height can’t be applied.
Display: inline-block
Inline-block elements stack horizontally on a line and do accept width, height, padding, and margin settings.
Display: none
The display value that treats an element as if it doesn’t exist while still keeping it (hidden) in the HTML document.
Since elements with a display:none property do not display in the design, this can be handy for altering how content displays on mobile devices. Learn more.
Display:flex
Flex containers arrange their children (items inside them) horizontally or vertically. You can customize how the direct children stack, when they wrap, how they are aligned and justified within the flex container.
The flex child settings allow you to override the flex container settings for alignment and justification. They also allow you to change the sizing and order of the selected flex child.
Div Block
An element that is used when no other element is specifically suitable.
Document object model (DOM)
The document object model is a platform- and language-neutral interface that lets programs and scripts dynamically access and update the content, structure and style of documents.
Domain name forwarding
Domain name forwarding automatically redirects visitors to your domain name to a different web address.
Drafted pages
You can exclude pages from being published to your site by setting them as drafts. These can be unfinished pages, internal pages such as style guides, archived pages saved for backup, etc.
Duplicate element
To copy an element and its content, styles, and settings.
Dynamic Element
Dynamic elements are elements inside a Collection List or Collection Page that can use dynamic content. You will know when an element can use dynamic content when the Collection Style Settings are visible in the Settings tab of the Settings panel.
Dynamic content
Dynamic content is content you create once, but publish in many different places across your website. As you update this content, it will automatically update wherever it exists, making it really easy to create—and manage—larger websites.
Editor Panel
The area of Webflow CMS that appears at the bottom of the live site, and that Content Editors can use to manage Collections and create new Collection Items (pages, blog posts, etc.).
Effects Module
A section in the Style Tab that houses CSS properties for changing how an element appears such as its opacity, size, and rotation.