Explore commonly used web design and web development terms.
Browse our library of 400+ free lessons covering everything from layout and typography to interactions and 3D transforms.
Authoring Tool Accessibility Guidelines (ATAG) are a layered rule-set that influence how designers and developers create a more accessible internet.
A bottom bar is a navigation bar at the bottom of an app or webpage.
Cloneable sites are open source (made available under the CC0 (“no rights reserved”) license). When you enable cloning, you allow any user to copy, modify, and use any part of your site for personal or commercial purposes.
Sites with cloning turned off do not give others access to copy your site or open it in the Designer.
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.
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. Learn more about drafted pages.
The second panel on the right side of the Designer. Here, you can change element-specific settings such as the element ID, Custom attributes, Search index settings, Editor settings, etc. You can learn more about the element settings for a specific element by searching for the element’s name on Webflow University.
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.
An element contained within a parent element that has display: flex set.
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.
A flexbox property that lets you define the base size from which the flex child can grow or shrink.
A flexbox property that allows a flex child to grow if space allows.
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.
A flexbox property that allows a flex child to shrink if space becomes scarce.
A flexbox property that determines the resizing behavior of flex children across viewport sizes. They can shrink, grow, or remain static.
Custom code that's added just before the closing </head> tag in your site's HTML file. Learn more about custom code in head and body tags.
The page people see when they visit your site's root domain. Read more about the homepage.
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.
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).
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).
Min width defines the minimum width of an element. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).
Available in CMS Collections. You can use rich text for long-form content or areas of your site where you might need multiple paragraphs, headings, or inline media such as videos, images or links. You can also add further rich text formatting in the Editor such as bold, italics, superscript, subscript, etc.
Mid-September 2019, new European requirements for authenticating online payments were introduced in Europe as part of the second Payment Services Directive (PSD2). The Strong Customer Authentication (SCA) requirements apply to businesses in the European Economic Area (EEA) that accept online card payments from cardholders whose banks are also located in the EEA.
Webflow Ecommerce payments are PSD2 and SCA compliant (i.e., support 3D Secure payments) for European customers.
If you’re a merchant in the European Economic Area (EEA), all you need to do to ensure that your Webflow Ecommerce store is PSD2 and SCA compliant for your European customers is to republish your store if it wasn’t published on or after September 11, 2019.
Read more about how to make your ecommerce store compliant in our Payment gateway article.
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 site’s visitors can be sure your information is safe. Sites that don't use SSL may be labeled “not secure” by some browsers, strongly discouraging people from visiting your site. Learn more about SSL hosting.
The end part of a URL that uses human-readable words that generally match the web page's title. For example, in the URL: yoursite.com/hello-world, “hello-world” is the URL slug. Changing the slug of a page will change the final URL of the page once it is published. We recommend that you redirect the old URL to the new location using a 301 redirect.
The UI state changes how Collection lists display when you’re designing. The Items state is the default option, and shows the items that you have within the Collection. The Empty state doesn’t show these items and gives the designer the opportunity to design for a circumstance if/when there is no data to be displayed in the Collection list.
Webflow's content management system (CMS) is where dynamic content (Collections and their Collection items) is stored and maintained so you can reference it throughout your site. A CMS lets you input data in one location, then use Collection template pages or Collection lists to display that content without having to update the content displays one at a time.
The place to go when you need help using Webflow.
A visible “Made in Webflow” badge displayed in the bottom right corner of Webflow sites. Webflow branding also appears in the site’s HTML. Learn more about Webflow branding.
The place to go when you need help with your site's design, custom code, etc. Visit the forum.