Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form
Trusted by teams at
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form
Browse our library of 400+ free lessons covering everything from layout and typography to interactions and 3D transforms.
Visit Webflow University
A/B testing compares two different versions of something — like a web page or campaign — to determine which performs better.
Asynchronous JavaScript and XML (AJAX) is a web development approach that combines technologies to allow web content to update without reloading.
ALPN stands for Application-Layer Protocol Negotiation. It’s a Transport Layer Security (TLS) extension that aids client and server identification during secure data transfers.
APIs, or Application Programming Interfaces, are common code protocols that let apps safely exchange data with other apps, software, and hardware.
The American Standard Code for Information Interchange (ASCII) is an encoding standard that assigns numerical values to characters and translates them into computer-readable code.
In object-oriented programming (OOP), abstraction conceals irrelevant details so they don’t interfere with the task at hand.
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.
Account notifications update you about activity in your account. New notifications appear on your Webflow Dashboard after you log in.
An Adobe Fonts API token protects and supports your data from Adobe Fonts with other programs you may be using to personalize your website’s fonts.
An algorithm is a set of rules or steps that help solve problems or carry out specific tasks.
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.
An application context is a set of data that identifies an application’s tasks, where those tasks originate, and how those tasks are configured.
An array is an ordered, random-access collection of data. This data can be either primitive or object, depending on the coding language.
Asynchronous programming is an approach where programs simultaneously run multiple operations independently without waiting for previous tasks to complete.
Third-party applications that you've given access to your personal and/or website data.
Automagically describes complex content or functions that appear as if they were created using magic.
A website background is a visual element behind webpage content, enhancing aesthetic appeal and user engagement.
A backup is a copy of data stored in an alternate location, including hard drives, cloud servers, or network-attached storage (NAS) servers.
Bad neighborhoods are groups of websites that search engines have downgraded because they violate search engine guidelines.
The base tag specifies the base URL for all relative links within HTML code for a specific page or document.
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.
A section of the Add panel that contains the elements that act as a website's fundamental building blocks (e.g., div block, list, button, etc.).
A beacon — also called a web beacon or web bug — is an HTML-embedded object that tracks user behavior on a web page.
Behavioral targeting is a marketing technique that leverages user data to deliver personalized ads to drive conversions.
Below the fold refers to the lower portion of a webpage that isn’t immediately visible to visitors upon loading until they scroll down.
BiDi stands for bidirectional. When a document is BiDi, it supports text that reads from right to left and left to right.
BigInt, which stands for “big integer,” is a JavaScript data type. JavaScript uses data types to decide how to treat a piece of data.
A bounding box is a rectangular border around a website element (e.g., a heading, paragraph, or image) that appears during the design process.
A browser, or web browser, is a software program that allows users to access, navigate, and interact with websites on the internet.
A buffer is a temporary storage area that holds data while transferring it between different components or systems.
Bundling, or bundle pricing, is a pricing technique in which retailers sell products together at a lower price than they would be sold at individually.
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 Collection item will have the same template but different content.
On Windows-based systems, the sequence of two ASCII characters representing a line break in text files is called "Carriage Return, Line Feed," or CRLF.
CRUD stands for Create, Read, Update, and Delete — the four basic operations all software applications should perform.
Cascading Style Sheets (CSS) is a web development language that controls the appearance of elements on a webpage.
CSS filters apply visual effects to HTML elements and their children using Cascading Style Sheets (CSS).
A CSS preprocessor is a program that helps developers write Cascading Style Sheets (CSS) by providing advanced features such as variables, functions, and nesting.
A call stack is an ordered list of the functions (or stack frames) a program has to execute before it returns a result.
A call-to-action (CTA) is a website feature that prompts visitors to perform a specific action.
A callback function is passed as an argument to another function and executed upon completing the latter’s task.
The <canvas> tag in HTML5 creates a container for dynamic graphics and image rendering on a webpage.
The order in which a Webflow site's CSS styles flow from desktop to mobile breakpoints.
A certificate authority (CA), also known as a certification authority, issues digital certificates that verify a website’s owner.
A digital certificate is a data file embedded in the site that signals the site’s safety to visitors, internet service providers (ISPs), and servers.
Character encoding is the process of representing characters (such as “a” or “3”) in a particular way, such as text on a computer screen.
The checkout process in ecommerce is the process that online customers go through to complete a purchase.
A cipher suite is a collection of encryption algorithms that work together to secure a network connection.
Ciphertext is unreadable, encrypted data that ciphers use for security during data transit.
Clickjacking is when a malicious actor deceives website visitors into clicking buttons or links hidden in a fake layer to steal sensitive data or install malware.
Client-side is the user-facing part of a web app, responsible for processing user input and displaying content.
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.
Closed-loop marketing is an ecommerce marketing strategy that uses customer data to create and improve targeted content.
A closing tag is an instructional piece of code that ends a section of page content in HTML.
A content type (blog posts, recipes, etc.) represented by a group of fields you define. Once created, you can add individual Collection items.
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.
An individual field within a Collection. You'll select which fields to display in dynamic Collection lists and Collection pages.
An individual item within a Collection. For example, in a “Blog Posts” Collection, the Collection items are individual blog posts.
By default, Collection lists display all items in a Collection, but you can add limits to control the number of Collection items that display.
A Collection list is a Webflow element that lets you dynamically display content from a CMS Collection.
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 Collection items in 2, 3, 4, or 6 columns.
The color field is available in CMS Collections. You can add the color field to a Collection, then use it to add color to dynamic elements in your site.
The color wheel shows several colors in a circle to represent primary, secondary, and tertiary colors and their relationships.
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.
A comment is a text note in source code that offers context, internal information, or other guidance to any developers using it.
A comparison shopping engine (CSE) is a search engine that compares ecommerce pricing, shipping costs, and customer reviews.
Compiling is the process of converting code from a high-level programming language into a low-level language that computers can understand.
Compile time is the length of time it takes for a compiler to convert high-level code into low-level code.
A section in the Add Panel that houses pre-built Webflow elements such as sliders, tabs, and lightboxes.
Conditionals, also known as conditional statements or expressions, are coding instructions that tell a program to execute an action for a certain condition.
In coding, a constant is a fixed value that can’t change, no matter where it appears or what the program uses it for.
A content management system (CMS) is a tool for creating and managing a website and its content.
A content network is a collection of websites where advertisers can pay to display digital ads.
A content optimization system (COS) is software that lets you optimize website content to attract more traffic.
A design approach that prioritizes content planning and production in the design process.
Contextual advertising is a form of paid advertising that matches web content with ad intent.
The control flow is the order in which a computer program executes its instructions or statements, guided by control structures.
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.
Cryptanalysis examines cryptographic systems to find weaknesses that could allow attackers to uncover plaintext or break encryption.
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).
A Webflow service that lets you point a custom domain to your Webflow-hosted site.
DHTML, or Dynamic HTML, is a web-development technique combining HTML, CSS, and JavaScript to create dynamic, interactive web pages and complex web applications.
DNS records store important information about domains and hostnames. They function like maps, directing DNS queries to the desired endpoint.
A field available in CMS Collections. This field lets you display a date and time in a Collection and/or Collection item.
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.
In software and web development, deployment is the process of moving code from one environment to another, usually in the form of changes or updates.
Deprecated HTML tags are old tags replaced by updated alternatives in modern web design and development.
A descendant selector is a CSS (Cascading Style Sheets) selector that targets elements nested inside a parent element.
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.
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.
Display properties tell browsers how an element should behave on the page. The most common display property keyword category is display: block.
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.
The display: grid CSS property defines a website element (such as a button or header) as a grid container.
The display: inline CSS property is a display option that controls an element’s appearance and layout.
The display: inline-block CSS property defines an element’s appearance and behavior. CSS designers use this code to create website layouts.
Display: none is a CSS property that hides website elements. This code tells the document flow to ignore the element entirely, making it invisible.
Dithering is a design technique that simulates additional colors on a display to smooth transitions in images with limited color palettes.
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.
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 is a process that automatically redirects visitors from your domain name to a different web address.
A Domain-Specific Language (DSL) is computer script that solves software problems in a specific domain.
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.
A dropdown, or dropdown menu, is a pre-built navigation element you can add to almost any part of a website.
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.
The toolbar that appears at the bottom of the Editor. From here, you can access the various Editor panels to manage page settings, dynamic content, forms, and your Editor account. You can also see and publish the changes you make through the Editor.
A section in the Style panel that houses CSS properties for changing how an element appears, such as its opacity, outline, and box shadows.
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.
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.
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.
Email templates — or pre-designed HTML layouts — ensure consistent branding and visual aesthetic in marketing campaigns.
A Webflow component you can use to embed HTML to display external content, plugins, or applications.
Elements that don't contain any other elements. They're outlined by a dashed gray border.
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 end user is an individual or group who directly interacts with a particular product, service, or user interface (UI), such as a website or application.
An entity is a representation of a special character that causes syntax conflicts in HTML (Hypertext Markup Language).
External links direct users to different websites and impact a site's search engine visibility and rankings.
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.
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.
File Transfer Protocol (FTP) allows for the transfer of files between two parties over TCP/IP-based communication channels, such as the internet.
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.
Flex-direction is a CSS property that defines the main axis and direction of flex items, dictating the arrangement of the items within a flex container.
The flex-grow CSS property defines how much an element grows relative to other flexible items inside the same flex parent.
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.
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.
The flex-shrink CSS property defines how much an element shrinks relative to other flexible items inside the same parent element.
A flexbox property that determines the resizing behavior of flex children across viewport sizes. They can shrink, grow, or remain static.
Flexbox is a CSS layout mechanism that offers precise alignment and stacking control for the content inside an element.
Footer code creates a section at the bottom of every web page that displays important information like disclaimers, copyright or contact information, and links to related documents.
Form blocks allow you to add form elements to a website, including appointment booking, surveys, applications, polls, and contact forms.
A section of the Add panel that houses form elements like inputs, checkboxes, and radio buttons.
The perfect Webflow subscription for getting started, giving you access to all Designer features, so you can start building a site right away.
The front-end refers to the visual and interactive part of a website or application that users directly interact with.
A unique ID you can use to link your Google Analytics account to your Webflow site.
Adding a Google site verification meta tag to your website's HTML code allows Google to verify that you own the site.
.htaccess is a powerful configuration file that allows you to configure and control how your website functions.
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.
A heading is a text element that provides a title or headline for a section of content on a webpage. These elements guide users and search engines through your content.
A headless content management system (CMS) separates the front-end presentation layer from the back-end management layer, allowing for more flexible content delivery.
Defines how tall an element can be. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).
The "height: auto" CSS property automatically adjusts an element’s height based on its content.
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.
A hotlink — also known as a remote or inline link — is a hyperlink that directs to a resource, such as an image or a file, without the owner’s explicit permission.
A standard markup language that web browsers use to display websites.
Hyperlinks are clickable elements that allow users to navigate between web pages, documents, or other types of digital content.
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.
An IP (Internet Protocol) address is a unique string of characters identifying devices connected to the internet.
Available in CMS Collections. With this field, you can upload images from your computer and use them as dynamic items in your individual Collection item.
An inline frame or <iframe> is an HTML element that embeds an HTML document within another webpage.
Inline style applies CSS to an individual HTML element using the "style" attribute within the HTML tag.
The default UI state for Collection lists, which displays the items in the Collection. It is the opposite of the empty state.
Keyboard shortcuts are combinations of keys on a computer keyboard that perform a specific action or command within an application or operating system.
A language code is a standardized code of letters and numbers that represent different languages.
Left To Right (LTR) describes a text layout that starts from the left and proceeds to the right.
Left margin is a CSS property that defines the space between an element's left edge and its surroundings.
Left padding is a CSS property that defines the space between an element's left border and its content.
The vertical bar of tools on the left side of the Webflow Designer. It holds the Add panel, Symbols panel, Navigator panel, Pages panel, CMS panel, Ecommerce panel, Assets panel, Settings panel, Site Activity log, Audits, Search, Video tutorials, and Help.
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 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.
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.
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.
Margins are an essential spacing element of web design, dictating the amount of whitespace between a box and its surroundings.
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 section of the Add panel that holds multimedia elements like images, video, and Lottie animation.
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).
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.
Micro conversions are small but important user actions on a website that contribute to the overall conversion funnel.
Middleware is software that links different programs and applications, allowing them to interact and communicate effectively.
Minified code refers to the process of removing unnecessary characters and whitespace from the source code file without affecting its functionality.
A method of lowering the file size of your stylesheet(s) by removing all white space from your CSS files.
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 Webflow canvas setting that lets you create styles for viewports with a minimum width of 480px and a maximum width of 767px. Also known as the mobile landscape 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. Also known as the mobile portrait media query.
A modal window (or modal) is a web element that displays above all content and restricts user interaction until it’s manually dismissed.
A CMS field used in Collections. Just like a reference field, the multi-reference field lets you reference other Collections in your site. But it’s even more powerful, as it lets you reference multiple items within a Collection instead of just 1 item.
A navbar, or navigation bar, is an interactive user element with a menu or a set of links to a website’s main sections.
A navigator, or a navigator window or panel, is a graphical user interface (GUI) that provides an overview of a website's structure and layout.
NAT (Network Address Translation) is a technique that enables communication between devices with private internet protocol addresses and the public internet.
Object-oriented programming (OOP) is a programming approach that organizes code into self-contained units of data, functions, and behavior.
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.
PNG, short for Portable Network Graphics, is a lossless image format known for its transparency support and quality retention after compression.
Password protection is a security feature restricting certain website areas to authorized users, requiring a secret phrase or key to access them.
A pixel (px) is the smallest unit of measure in a digital image or display, representing a single point of color or light.
A plain text field is an input field for short-form text without formatting or styling.
A section in the Style panel that houses CSS properties related to the positioning of an element.
Prefetch is a technique that proactively loads and caches resources to improve website performance and user experience.
A primitive is the simplest JavaScript data type, representing fundamental values that do not encapsulate any object, method, or property.
Product attributes are specific characteristics that define purchasable merchandise or commodities and provide relevant information to customers.
Pseudocode is a simplified, informal representation of programming code that outlines a program’s structure and logic without strict syntax.
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.
A radio button is a form element for selecting one option from a predefined set of mutually exclusive choices.
A way for others to test/debug your Webflow site in the Designer without being able to save or make permanent changes.
A CMS field used in Collections. This powerful field allows you to link to other Collections within your website to populate fields in Collection lists and Collection pages.
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.
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.
Resolution is a metric measuring clarity and detail through the number of pixels displayed on a screen or used to render an image.
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.
Return on investment (ROI) is a metric evaluating the profitability or gain of a venture.
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.
A rich text field is an input tool for formatting or applying text styles, such as bold, colors, font sizes, italics, underline, and other visual modifications.
Right margin is a CSS property that defines the space between the right edge of an element and its surroundings.
The far right vertical panel in the Designer that houses the Style panel, Element settings panel, Style manager panel, and Interactions panel.
A robots.txt file instructs search engine crawlers which webpages and sections they can or can't crawl and index.
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.
SSL CDN, or Secure Sockets Layer Content Delivery Network, is an option that allows you to serve your images over your own CDN service while using SSL.
Software as a Service (SaaS) is a cloud-based approach to delivering software on a subscription basis without requiring local installation.
The ability to manually save a version of your site that you can restore at a later date using the keyboard shortcut Command + Shift + S (on Mac) or Control + Shift + S (on Windows).
Search Engine Optimization (SEO) is a collection of strategies to enhance a website’s ranking and visibility on search engines.
A second-level domain (SLD) is the part of a domain name that precedes a top-level domain (TLD).
A section is an element of design layout that divides a web page into visually distinct segments.
A pseudo-class that allows you to change the styles of an element when it is hovered, pressed, or focused.
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 shim is a code snippet enabling modern web features to function within older programming or browsing environments.
Single Instruction and Single Data Stream (SISD) is a computer architecture where a central processing unit (CPU) executes one instruction at a time on a single data piece.
What you create in Webflow! You can publish sites to a webflow.io staging subdomain for free, export the code on a paid plan, add hosting on any paid plan, or add a Site plan to any site to connect your custom domain and unlock hosting features.
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.
The location your sitemap is stored in relation to your site, and what’s used when submitting your sitemap to search engines.
A slider is an interactive design element for scrolling through images, videos, and other multimedia content.
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.
You can sort your Collection items in multiple ways — select the field from the Collection you wish to filter from, then select the ordering option.
The dropdown menu to the right of the Selector field that allows you to access and change the styles of an element when it is hovered, pressed, or focused.
A static page is a document with fixed content that makes up an individual web page on your site.
Structured Query Language (SQL) is a programming language that enables storing, retrieving, and manipulating information in a relational database.
The third tab in the right-side panel where you can rename element classes, preview your class and tag styles, search for classes and tags, and delete any classes that aren’t in use.
The first tab in the right-side panel that allows you to assign classes to elements and style them.
The part of a domain that comes before the root domain (e.g., blog.yourwebsite.com is a subdomain whereas yourwebsite.com is the root domain).
When a search engine crawls your site's Webflow subdomain (e.g., your-site.webflow.io).
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.
Syntax is the name for the rules specifying a programming language's structure and formatting.
Syntax error refers to a mistake in code that violates the programming language’s rules and prevents the code from executing correctly.
A Webflow canvas setting for creating styles that affect viewports with a minimum width of 768px and a maximum width of 990px. Also known as the tablet media query.
Top margin is a CSS property that defines the space between the top edge of an element and its surroundings, such as other elements, the browser window, or the edge of a container.
Top of the funnel (TOFU) refers to the initial marketing funnel stage where potential customers become aware of a brand’s existence.
Traffic, or web traffic, refers to the number of users who visit a website over a period of time.
A section in the Add panel that houses typography elements such as headings and paragraphs.
A section in the Style panel that houses CSS properties related to how typography is displayed such as font, font size and height, and align.
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.
A Uniform Resource Locator (URL) is a standardized web address format that allows users to identify and access an online resource.
URL redirect, or URL forwarding, is a web server function that automatically sends users from one web address to another.
Form submission notifications that have no reference to Webflow (e.g., notifications sent from “no-reply@webforms.io” instead of “no-reply@webflow.com”).
A change that has been made in the Webflow Editor but will not appear on the live website until it’s published. You can track any unpublished changes on the bottom right of the Editor toolbar.
A user interface (UI) is any visual element humans interact with on a device, webpage, or application.
Utility pages are default, customizable templates for your site’s 404 page, Password page, and Search results page.
A valid CSS pseudo-class is a keyword that enables styling HTML elements based on their state or position in the document structure or web page.
Available in CMS Collections. You can add videos via a link — not an embed code — from an online video host like Vimeo or YouTube. Just paste in the video link and it’ll appear in the native video format from the 3rd-party video player.
The Web Accessibility Initiative (WAI) is a World Wide Web Consortium (W3C) project to enhance accessibility for users with disabilities.
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 256 x 256 px image associated with your website that shows up when your website link is saved to an iPhone home screen.
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.
Webflow's visual content editor. You can access it through the Webflow Dashboard by clicking the “3 disclosure dots” on a site thumbnail, then clicking “Editor.” Guest editors can access it anywhere on their live site by adding ?edit after the page URL (e.g., yoursite.com/page/?edit).
A visible "Made in Webflow" badge displayed in the bottom right corner of Webflow sites on Starter plans.
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.
A widget is an interactive element embedded in a user interface that facilitates specific user actions or displays important information at a glance.
Width defines how wide an element can be. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).
The way browsers calculate an element's width automatically where Block level elements fill the available space of its parent and Inline elements shrink to the size of its children/content.
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 wrapper is a programming language function for encapsulating and organizing elements within a well-defined interface.
A grayscale view of your site’s canvas that visually displays each element’s border, margin, and padding when hovered over.
An XML (Extensible Markup Language) sitemap is a text file that lists a website's pages to help search engines crawl and index them.
A web app that helps you connect multiple third-party services together based on triggers and actions.
