University
Home
Search
⌘E
Dashboard
Try Webflow — it's free
Learn
Courses
Docs
Videos
Interactive Learning
Glossary
Certifications
Engage
Support
Community
Events
Forum
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
Glossary
Keyboard shortcuts

Keyboard shortcuts

Keyboard shortcuts are combinations of keys on a computer keyboard that perform a specific action or command within an application or operating system. Control + Z (undo) and Control + F (find) are two well-known “Ctrl” shortcuts.

In Webflow, the Designer has preset keyboard shortcuts to help speed up your design workflow. Here are a few examples: 

  • Save as Snapshot — Shift + Command + S (on Mac) or Shift + Control + S (on Windows)
  • Preview mode — Shift + Command + P (on Mac) or Shift + Control + P (on Windows)
  • Guide overlay — Shift + Command + G (on Mac) or Shift + Control + G (on Windows)
  • Select parent / child element — Up arrow / Down arrow
  • Select sibling element — Left arrow / Right arrow

There’s even a shortcut for opening the shortcut cheat sheet (Shift + /).

Relevant courses

Getting started with Webflow Enterprise

Get familiar with Webflow’s website experience platform and Enterprise features.

Client's guide to the Editor

This is the Client's guide to the Webflow Editor. Share these lessons to get your clients up and running.

Webflow Ecommerce

Learn how to build and design your Webflow Ecommerce store. Customize every detail and launch a fully functional online store — without writing code.

Manage dynamic content with the Webflow CMS

Learn how to create, manage, and display dynamic content across your site using the Webflow CMS.

21-day design portfolio course

Build and visually design a full portfolio website within the span of 21 days.

CSS grid in Webflow

An overview of CSS grid. Use the grid layout in Webflow to get more control over your designs and create powerful, responsive layouts — faster.

Other glossary terms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Twitter button

→
A Webflow element that embeds a Twitter Follow or Tweet button into your site.

Target

→
The currently selected element.

Selector state

→
A pseudo-class that allows you to change the styles of an element when it is hovered, pressed, or focused.

Plugin

→
A plugin, also called an add-on or extension, is a software component that enhances the host or browser or application by adding new features or capabilities to it.

Content optimization system (COS)

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

Meta keywords

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

States dropdown menu

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

Video

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

CRUD

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

Static page

→
A static page is a document with fixed content that makes up an individual web page on your site.

Total Site Pages

→
The amount of pages your site currently has.

Buffer

→
A buffer is a temporary storage area that holds data while transferring it between different components or systems.

Literal

→
In JavaScript, literals are fixed values written directly into the code.

HyperText Markup Language (HTML)

→
A standard markup language that web browsers use to display websites.

Search Engine Optimization (SEO)

→
Search Engine Optimization (SEO) is a collection of strategies to enhance a website’s ranking and visibility on search engines.

Resource Description Framework (RDF)

→
The Resource Description Framework (RDF) is a standardized framework developed by the World Wide Web Consortium (W3C) that facilitates automated data exchange between web systems and applications.

Parameter

→
A parameter is a programming variable or value that transfers data between functions.

Hypertext transfer protocol secure (HTTPS)

→
Hypertext Transfer Protocol Secure (HTTPS) is a secure protocol facilitating encrypted exchanges of information between web browsers and servers.

Display property

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

Design mode

→
The mode that enables a designer to build in Webflow.

Unbranded form submission notification

→
Form submission notifications that have no reference to Webflow (e.g., notifications sent from “no-reply@webforms.io” instead of “no-reply@webflow.com”).

Primitive

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

Optimization

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

Last updated

→
The last time someone made a change to your site.

Dashboard

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

DHTML

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

Public site

→
A Webflow site that is publicly visible in your public profile and in Made in Webflow search results.

Parent folder

→
A parent folder is a directory containing one or more folders and files.

Slug

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

URL redirect

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

Account notifications

→
Account notifications update you about activity in your account. New notifications appear on your Webflow Dashboard after you log in.

Margin

→
Margins are an essential spacing element of web design, dictating the amount of whitespace between a box and its surroundings.

Bottom margin

→
The spacing between the bottom border of an element and the element(s) below it.

CRLF

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

Total Form Submissions

→
The amount of times a site visitor submits data using your site's form(s).

Last published

→
The last time your site was published.

Inheritance

→
Inheritance describes a principle where child elements adopt the style properties of parent elements.

Gutters

→
Gutters refer to the whitespace between content columns on a webpage.

Cascading rules

→
The order in which a Webflow site's CSS styles flow from desktop to mobile breakpoints.

Modal window

→
A modal window (or modal) is a web element that displays above all content and restricts user interaction until it’s manually dismissed.

Hyperlink

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

Idempotent

→
Idempotency is a computing principle where multiple applications of a function or operation produce the same result as a single execution.

Page name

→
The title of a page in your site. This is visible in the Pages panel.

File Transfer Protocol (FTP)

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

Page settings

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

User interface (UI)

→
A user interface (UI) is any visual element humans interact with on a device, webpage, or application.

Display: inline

→
The display: inline CSS property is a display option that controls an element’s appearance and layout.

Redo

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

ATAG

→
Authoring Tool Accessibility Guidelines (ATAG) are a layered rule-set that influence how designers and developers create a more accessible internet.

Urgency

→
Urgency is a marketing term and psychological trigger that incites potential customers and website visitors to act swiftly.

Application context

→
An application context is a set of data that identifies an application’s tasks, where those tasks originate, and how those tasks are configured.

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

Element settings panel

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

Certificate authority

→
A certificate authority (CA), also known as a certification authority, issues digital certificates that verify a website’s owner.

Webclip

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

Mobile (landscape) breakpoint

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

Undo

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

Subdomain

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

BigInt

→
BigInt, which stands for “big integer,” is a JavaScript data type. JavaScript uses data types to decide how to treat a piece of data.

Collection

→
A content type (blog posts, recipes, etc.) represented by a group of fields you define. Once created, you can add individual Collection items.

Publish site

→
The act of updating your live site to reflect new design changes.

Deep copy

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

Browser

→
A browser, or web browser, is a software program that allows users to access, navigate, and interact with websites on the internet.

Total asset size

→
The total weight of your site's HTML, CSS, JS, and images.

Constant

→
In coding, a constant is a fixed value that can’t change, no matter where it appears or what the program uses it for.

Switch field

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

Sitemap URL

→
The location your sitemap is stored in relation to your site, and what’s used when submitting your sitemap to search engines.

Mobile (portrait) breakpoint

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

Free plan

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

Width: auto

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

Selector

→
A selector identifies and selects specific HTML elements to apply CSS styles to.

A/B testing

→
A/B testing compares two different versions of something — like a web page or campaign — to determine which performs better.

Username

→
The ID used to log into your Webflow account.

CMS section

→
A section in the Add panel that contains elements associated with the CMS.

Checkout process

→
The checkout process in ecommerce is the process that online customers go through to complete a purchase.

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.

UI state

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

Language code

→
A language code is a standardized code of letters and numbers that represent different languages.

Inline Frame (iframe)

→
An inline frame is an HTML element that embeds an HTML document within another webpage.

Display: inline-block

→
The display: inline-block CSS property defines an element’s appearance and behavior. CSS designers use this code to create website layouts.

Dynamic element

→
Dynamic elements are web page components that can change based on user interaction or external factors, like a live news feed, without requiring a page refresh or reload.

Image

→
A Webflow element that displays graphical files on your website.

Headless CMS

→
A headless content management system (CMS) separates the front-end presentation layer from the back-end management layer, allowing for more flexible content delivery.

Color field

→
A color field specifies a graphical color picker or user interface for entering a color into a text field in a seven-character, hexadecimal format.

ALPN

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

BiDi

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

JavaScript

→
JavaScript is a programming language web developers use to create dynamic interactions and effects for web pages and applications.

SaaS

→
Software as a Service (SaaS) is a cloud-based approach to delivering software on a subscription basis without requiring local installation.

Made in Webflow

→
Made in Webflow showcases Webflow sites made by individuals and teams.

Collection item

→
An individual item within a Collection. For example, in a “Blog Posts” Collection, the Collection items are individual blog posts.

Valid

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

Ciphertext

→
Ciphertext is unreadable, encrypted data that ciphers use for security during data transit.

Adobe Fonts API token

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

Accessibility tree

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

Item state

→
The default UI state for Collection lists, which displays the items in the Collection. It is the opposite of the empty state.

Flex-basis

→
Flex-basis is a CSS property used in flexboxes that sets the initial size of a flex item before it grows or shrinks.

Beacon

→
A beacon — also called a web beacon or web bug — is an HTML-embedded object that tracks user behavior on a web page.

Mutable

→
In JavaScript, mutable objects are dynamic elements that allow post-creation changes and modifications.

Prefetch

→
Prefetch is a technique that proactively loads and caches resources to improve website performance and user experience.

Email template

→
Email templates — or pre-designed HTML layouts — ensure consistent branding and visual aesthetic in marketing campaigns.
Hmm…we couldn’t find any results. Try a different search term or reset the filter.
Reset the filter
Load more