Glossary Flashcards
1
Q
404 Page
A
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.
2
Q
A/B Testing
A
A testing method that compares two different versions of a web page (a “control” and a variant) to identify which performs better.
3
Q
Account Settings
A
The area where you manage your profile, subscriptions, billing info, and other account-specific settings.
4
Q
Account notifications
A
Notifications that show you when others clone, like, follow, comment on, or interact with your public websites
5
Q
Active Design Time
A
The time you spend in the Webflow Designer, actively making changes to your site.
6
Q
Ancestor
A
Any element higher in the hierarchy.
7
Q
Authorized applications
A
Third-party applications that you’ve given access to your personal and/or website data
8
Q
Background module
A
A section of the Style tab contains CSS properties that affect an element’s background, such as its background image, gradient and fill color.
9
Q
Backup
A
A saved version of your site that you can restore
10
Q
Base Tag
A
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.”
11
Q
Basic elements module
A
A section of the Add panel that contains the elements that act as a website’s basic building blocks
12
Q
Border module
A
A section of the Style tab that holds CSS properties for styling an element’s border, such as its border style, color, and radius.
13
Q
Bottom bar
A
The grey bar at the bottom of the web flow designer that holds element breadcrumbs and the duplicate and deletes functions
14
Q
Bottom margin
A
Defines the spacing between the bottom border of an element and the elements below it.
15
Q
Bottom padding
A
Defines the spacing between the bottom border of an element and the elements inside it.
16
Q
Branded code
A
Elements of Webflow site’s HTML that include references to Webflow.
17
Q
CMS Administrator
A
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).
18
Q
CMS Collection page
A
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.
19
Q
CMS Hosting
A
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.
20
Q
CMS Settings
A
The CMS Settings tab is where the CMS Administrator can add and remove Content Editors.
21
Q
CSS Filter
A
A CSS property that defines visual effects like blur and saturation.
22
Q
Cascading rules
A
The order in which a Webflow site’s CSS styles flow from desktop to mobile media queries.
23
Q
Child
A
An element directly below the current element in the hierarchy.
24
Q
Class
A
A selector type that affects all elements with that class.
25
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.
26
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.
27
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.
28
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.
29
Collection List
A Collection List, formerly Dynamic List, is a Webflow element that lets you display content from a CMS Collection.
30
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.
31
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.
32
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.
33
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.
34
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.
35
Combo class
Combining two or more classes into a single selector to target an element.
36
Common targets
All elements on the page targeted by the same selector.
37
Component Module
A section in the Add Panel that houses pre-built Webflow elements such as sliders, tabs, and lightboxes.
38
Container
An element that contains content.
39
Content first
Content first is a design approach that prioritizes content planning and production in the design process.
40
Custom domain hosting
A Webflow service that lets you point a custom domain to your Webflow hosted site.
41
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.
42
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:
43
Dashboard
From your Dashboard, you can access, create, and manage all your projects. Learn more about the dashboard.
44
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.
45
Descendant
Any element lower in the hierarchy.
46
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.
47
Desktop media query
A Webflow Canvas setting for creating styles that affect viewports with a minimum width of 991px.
48
Discover page
A fun, easy way to see websites people built with Webflow.
49
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.
50
Display: block
Block elements start on a new line and take up the full available width.
51
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.
52
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.
53
Display: inline-block
Inline-block elements stack horizontally on a line and do accept width, height, padding, and margin settings.
54
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.
55
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.
56
Div Block
An element that is used when no other element is specifically suitable.
57
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.
58
Domain name forwarding
Domain name forwarding automatically redirects visitors to your domain name to a different web address.
59
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.
60
Duplicate element
To copy an element and its content, styles, and settings.
61
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.
62
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.
63
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.).
64
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.
65
Element breadcrumbs
A navigational aid that displays in the bottom of the Webflow Designer to help you keep track of the element you're interacting with in relation to its hierarchy.
66
Element edges
The color-coded borders of elements you'll see in the Webflow Designer.
67
Email template
An area of the Froms tab in your Site Settings that lets you customize your Webflow form submission notifications.
68
Embed component
A Webflow component you can use to embed HTML to display external content, plugins, or applications.
69
Emphasized Text
The element defines emphasized text with added semantic importance.
70
Empty elements
Elements that don't contain any other elements. They're outlined by a dashed gray border.
71
Empty state
A Collection displays its empty state when it contains no Items, giving you the opportunity to design for a situation where there's no content to display. Check out the Empty States blog for inspiration.
72
Export
A downloadable ZIP file that contains your Webflow site's HTML, CSS, JS, and image files.
73
Facebook button
A Webflow component that embeds a Facebook Like button in your site.
74
Favicon
A 16x16 px image that displays in browser tabs, bookmarks, and other browser areas. It's typically a simplified version of the site's logo, or "bug."
75
Field label
A form element that looks and behaves like normal text but generates form-specific code on export. It tells website visitors what content to enter into the associated field.
76
Flex child
An element contained within a parent element that has display: flex set.
77
Flex-align
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.
78
Flex-basis
A flexbox property that lets you define the base size from which the flex child can grow or shrink.
79
Flex-direction
A flexbox property that determines the flow of flex children: horizontal or vertical.
80
Flex-grow
A flexbox property that allows a flex child to grow if space allows.
81
Flex-justify
A flexbox property that lets you customize the alignment behavior of flex children, based on the main axis of the flex container, that is, whatever you defined as the flex-direction. Options include start, center, end, baseline, and stretch.
82
Flex-order
A flexbox property that lets you customize the display order of a flex child. The order can be first, last, or custom.
83
Flex-shrink
A flexbox property that allows a flex child to shrink if space becomes scarce.
84
Flex-sizing
A flexbox property that determines the resizing behavior of flex children across viewport sizes. They can shrink, grow, or remain static.
85
Flexbox
A CSS layout module in which you control the layout of a parent container's children using alignment and distribution tools similar to those in most graphic design programs. Children can flow either horizontally or vertically and can wrap to new lines, as well as be reversed.
86
Folder
A subdirectory of your site's root folder used for organizing web pages.
87
Folder settings
The folder settings tool allows you to manage your folders.
88
Footer code
Custom code you can add just before the closing tag in your site's HTML file.
89
Form block
A set of elements that make up a basic form.
90
Form button
A form element that lets website visitors submit data to your form handler.
91
Forms module
A section of the Add panel that houses form elements like inputs, checkboxes, and radio buttons.
92
Google Classic Analytics ID
A unique ID you can use to link your Google Analytics account to your Webflow site.
93
Google site verification meta tag
A unique string of numbers and characters that helps you verify the ownership of your Webflow site with Google.
94
Grid overlay
A visual representation of the Webflow's 960px 12-column grid system that's designed to help you position and align elements on your page.
95
Head code
Custom code that's added just before the closing tag in your site's HTML file.
96
Height: auto
The way browsers calculate an element's height automatically, so that block-level elements fill the available space of their parent containers and inline elements shrink to the size of its children/content.
97
Help text
Help text lets you explain what content should go in a given Collection field. This only appears in the CMS, not the public site.
99
ID selectors
You can assign elements IDs from the Settings Tab in the Right Side Panel of the Designer. ID selectors are useful for html anchors, linking to page sections, or for custom code.
100
Image
A Webflow element that displays graphical files on your website.
101
Image field
The Image field is a CMS field used in Collections. With this field, you and your Content Editors can upload images from your computer and use them as a dynamic item for your individual Collection Item.
102
Language code
A unique code you can add to your Webflow site to let browsers, translation apps, and other tools perform language-sensitive tasks.
103
Layout module
A section of the Add panel that houses elements you'll use to "lay out" the scaffolding of a Webflow site.
104
Left toolbar
The vertical bar of tools on the left side of the Webflow Designer. It holds the Add panel, Pages & Folders panel, and view tools.
105
Lightbox
A Webflow component that opens a full-screen view of images or videos when clicked.
106
Link block
An element you can use to link images or text to other pages or sections of a webpage.
107
Link field
The Link field is a CMS field used in Collections to link to another page (or area of a page, for anchor links) on the web.
108
Linked selector
A secondary selector that overrides an element's existing styles.
109
List
An element that contains ordered (numbered) or unordered (bulleted) lists.
110
List item
An element that can only be added to a list element that houses content displayed in a list format.
111
Maximum height (max height)
Defines the maximum height of an element. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).
112
Maximum width (max width)
Max width defines the maximum width of an element. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).
113
Media module
A section of the Add Panel that holds multimedia elements like images and video.
114
Media query
A CSS feature that allows you to adapt your site's styles to different screen/device widths (the basis of responsive web design).
115
Meta description
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).
116
Meta title
An HTML element that defines a page's title. Search engines usually display this in search results pages (SERPs).
117
Minified code
Minifying your site's code can help your live website load faster, but makes your code a little harder to read. It can also fix spacing issues with inline-block elements.
118
Minimized CSS
A method of lowering the file size of your stylesheet(s) by removing all white space from your CSS files.
119
Mobile (landscape) media query
A Webflow Canvas setting that lets you create styles for viewports with a minimum width of 480px and a maximum width of 767px.
120
Mobile (portrait) media query
A Webflow Canvas setting that lets you create styles for viewports with a minimum width of 240px and a maximum width of 479px.
121
Multi-Reference Field
The Multi-Reference field is a CMS field used in Collections. Just like a Single Reference Link, the Multiple Reference Link lets you reference other Collections on your site. But it’s even more powerful, as it lets you reference multiple items within a Collection instead of just one.
122
Navbar
A Webflow component that automatically creates a responsive navigation menu for desktop and mobile.
123
Navigator
The middle tab of the panel on the right of your screen in the Webflow Designer lets you manage your site's hierarchy tree.
124
Node title
The type of element you're working with, i.e., H1, link, button, etc.
125
Number field
The Number field is a CMS field used in content Collections. The Number field lets you insert an integer with or without decimals. Just like the plain text field, it also allows you to limit your Content Editors from adding styles or other inline media.
126
Optimizely
A web app that helps you measure how different site designs impact user behavior.
127
Paginate Items
This checkbox allows you to enable or disable pagination on the selected collection list. Disabling and re-enabling pagination will restore previous settings and component styles.
128
Parent
The element directly above in the hierarchy tree.
129
Parent folder
The folder or the subdirectory in which a page or another folder lives.
130
Position Module
A section in the Style Tab that houses CSS properties related to the positioning of an element such as Margin, Padding, and Float.
131
Read-only Link
A way to allow others to test/debug your Webflow site from inside the Designer without having the ability to save changes.
132
Receipt Emails
ou can receive emails confirmations when making Webflow payments.
133
Reference Field
The Reference field is a CMS field used in content Collections. This powerful field allows you to link to other collections within your website to populate fields in Dynamic Lists and Collection Template Pages.
134
Rich Text Element
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually.
135
Rich Text Field
The Rich Text field is a CMS field used in content Collections. Use Rich Text for long-form content or areas of the website where you and your collaborators might need multiple paragraphs, headings, or inline media such as videos, images or links. Rich text also allows CMS Editors to add further text formatting such as bold, italics and underline.
136
Robots.txt
A file that gives web robots instructions on which pages you want them to crawl/ignore on your site. This can be useful for preventing duplicate content from being indexed in search engines, but not a good way to hide information.
137
Shadows Module
A section in the Style Tab that houses CSS properties for styling both an element's Box Shadow as well as Text Shadows.
138
Showcase
The Webflow showcase features all Webflow projects showcased by individuals and teams.
139
Sibling
An element that shares the same parent of another element.
140
Sitemap URL
The location your sitemap is stored in relation to your site and is used when submitting your sitemap to search engines.
141
Sitemap.xml
A file that gives web robots information on how a website is organized and allows search engines to find your site data faster and more efficiently. This can be useful for helping a search engine organize your site links when displayed in search results.
142
Slider
A Webflow component that houses slides of content that are displayed when interacting with a slider navigation or timer.
143
Slug
The end part of a URL that uses human-readable words that generally match the web page's title.
144
Span Text
The tag is used to style inline-text.
145
SSL
SSL ("secure socket layer") is the standard method for establishing an encrypted link between a web server and a browser. It ensures that all data passed between the web server and browsers remain private and integral, so you and your website's visitors can rest assured that your information is safe.
146
SSL CDN
An option that allows you to serve your images over your own CDN service while using SSL.
147
Static Content
Static Content is content that is not binded to any Collections or dynamic elements.
148
Static page
A document that makes up an individual web page on your site — designed visually in Webflow and rendered in HTML to be displayed in a web browser. Static pages are pages you can create manually as opposed to Collection pages and Utility pages.
Webflow limits the number of static pages and collection pages on the Free Starter plan. The page limit for premium plans and Team plans or Webflow hosted sites is 100 static pages. The limit exists to ensure optimal Designer performance.
149
Style Manager
The first tab in the Right Side Panel that allows you to assign classes to elements and style them.
150
Switch Field
The Switch field is a CMS field used in content Collections. This field offers you a powerful filtering tool. For example, you could create a field labeled "Featured?" for Blog Posts, so you or your content editor could showcase particular posts.
151
Tablet Media Query
A Webflow Canvas setting for creating Styles that affect viewports with a minimum width of 768px and a maximum width of 990px.
152
Transfer Site
You can transfer sites you make in Webflow to another person's Webflow account.
153
Typekit
A set of Adobe fonts that can be used with your Webflow site.
154
Typekit API Key
The API token (similar to a password) that Webflow uses to connect to your Adobe Typekit account.
155
UI State
The UI State is in reference to how Collections are displayed on your website. Items State is the defaulted option, and will show the items that you have within the Collection, whereas the Empty State will not show these items and give the designer the opportunity to design for a circumstance if/when there is no data to be displayed for this list.
156
Utility pages
Utility pages are default templates for your site’s 404 page, password page, and search result page. You can customize these pages to look the way you want.
157
Viewport
The virtual "window" used to display websites and apps.
158
Web clip
A 256x256 px image that is associated with your website that is displayed on iOS devices and in Safari bookmarks.
159
Webflow Badge
A visible "Made in Webflow" badge displayed in the bottom right corner of Webflow sites on Free plans.
160
X-Ray Mode
A grayscale view of your site's canvas that visually displays each element's border, margin, and padding when hovered over.
161
Zapier
A web app that helps you connect multiple third-party services together based on triggers and actions.
