Preview mode

NAT (Network Address Translation) is a technique that enables communication between devices with private internet protocol addresses and the public internet.

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

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

The <strong> element defines important text with added semantic importance.

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

An element that contains ordered (numbered) or unordered (bulleted) lists.

A grayscale view of your site’s canvas that visually displays each element’s border, margin, and padding when hovered over.

A 256 x 256 px image associated with your website that shows up when your website link is saved to an iPhone home screen.

Form blocks allow you to add form elements to a website, including appointment booking, surveys, applications, polls, and contact forms.

A backup is a copy of data stored in an alternate location, including hard drives, cloud servers, or network-attached storage (NAS) servers.

A header is a section at the top of a webpage.

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.

The <span> tag is used to style inline-text.

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.

A Webflow service that lets you point a custom domain to your Webflow-hosted site.

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.

Font weight refers to the thickness or density of a typeface’s strokes.

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

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.

A Graphical User Interface (GUI) is a visual medium that enables visual interaction with software applications or electronic devices through elements like icons, buttons, and menus.

The first tab in the right-side panel that allows you to assign classes to elements and style them.

An algorithm is a set of rules or steps that help solve problems or carry out specific tasks.

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.

Syntax error refers to a mistake in code that violates the programming language’s rules and prevents the code from executing correctly.

Meta keywords are words or phrases you can include in your web page's metadata.

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

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.

Hyperlinks are clickable elements that allow users to navigate between web pages, documents, or other types of digital content.

A unique ID you can use to link your Google Analytics account to your Webflow site.

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.

The amount of pages your site currently has.

The title used to describe your website throughout Webflow.

Cascading Style Sheets (CSS) is a web development language that controls the appearance of elements on a webpage.

A descendant selector is a CSS (Cascading Style Sheets) selector that targets elements nested inside a parent element.

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

A section in the Add panel that houses typography elements such as headings and paragraphs.

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.

The type of element you're working with, i.e., H1, link, button, etc.

Combining two or more classes into a single selector to target an element.

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.

An XML (Extensible Markup Language) sitemap is a text file that lists a website's pages to help search engines crawl and index them.

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

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.

A tab in the Add panel that houses prebuilt layouts for your Webflow site.

The place to go when you need help with your site's design, custom code, etc. Visit the forum.

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

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.

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.

Behavioral targeting is a marketing technique that leverages user data to deliver personalized ads to drive conversions.

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.

URL redirect, or URL forwarding, is a web server function that automatically sends users from one web address to another.

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.

Flexbox is a CSS layout mechanism that offers precise alignment and stacking control for the content inside an element.

The last time your site was published.

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.

The CSS border property delineates an HTML element.

A content optimization system (COS) is software that lets you optimize website content to attract more traffic.

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

Jank describes subpar functionality in a web interface that hinders or disrupts user activity.

Elements are individual HTML components that constitute a webpage’s structure and contents.

Left To Right (LTR) describes a text layout that starts from the left and proceeds to the right.

A measurement unit relative to an element's parent.

Color gamut describes the full range of colors a device can reproduce on its display.

A section of the Add panel that holds multimedia elements like images, video, and Lottie animation.

A section is an element of design layout that divides a web page into visually distinct segments.

PNG, short for Portable Network Graphics, is a lossless image format known for its transparency support and quality retention after compression.

BiDi stands for bidirectional. When a document is BiDi, it supports text that reads from right to left and left to right.

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

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

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

A plain text field is an input field for short-form text without formatting or styling.

The perfect Webflow subscription for getting started, giving you access to all Designer features, so you can start building a site right away.

Keyboard shortcuts are combinations of keys on a computer keyboard that perform a specific action or command within an application or operating system.

A Webflow element that displays externally hosted videos such as YouTube and Vimeo.

From your Dashboard, you can access, create, and manage all your sites.

A form element that allows you to make a selection in a dropdown list.

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

You can manage your site pages within Page settings. Here, you can rename, duplicate, delete, or save pages as drafts. You can also set SEO, Open Graph, and site search settings, as well as insert custom code. Additionally, you can set RSS settings for Collection pages.

DHTML, or Dynamic HTML, is a web-development technique combining HTML, CSS, and JavaScript to create dynamic, interactive web pages and complex web applications.

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

Padding is a CSS property defining the space between an element's borders and its content.

Checkboxes are HTML structures that allow visitors to input data.

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 breadcrumb, or breadcrumb trail, is a navigational element representing a user’s current location within a website's hierarchical structure.

CRUD stands for Create, Read, Update, and Delete — the four basic operations all software applications should perform.

A typography element that is used when no other element is specifically suitable.

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.

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

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.

Asynchronous programming is an approach where programs simultaneously run multiple operations independently without waiting for previous tasks to complete.

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.

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 language code is a standardized code of letters and numbers that represent different languages.

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

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

The Designer automatically saves your progress every 10 seconds.

A section of the Add panel that houses form elements like inputs, checkboxes, and radio buttons.