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
IP address

IP address

An IP (Internet Protocol) address is a unique string of characters identifying devices connected to the internet. They facilitate data exchange and enable computers, servers, and other network-connected machines to access and communicate over a network. 

When you enter a site's address into a browser, your device requests that site's IP address. A Domain Name System (DNS) converts the domain name to the associated IP address, allowing your device to recognize it, connect to the internet, and display content.

Every IP address format has four sets of numbers separated by periods. Each group ranges from zero to 255 — for example, 48.36.115.242. 

IP addresses aren't assigned randomly — the Internet Assigned Numbers Authority (IANA) generates and distributes them to Internet Service Providers (ISPs), which allocates them to individual devices, so no two IP addresses are identical.

Visit Webflow University to learn how to connect a custom domain. If you don’t have one, buy a custom domain through Webflow and configure it with your website.

Relevant courses

Interactions & animations course

Learn how to animate multiple elements managed on a single timeline — bring your designs to life with rich, sequenced interactions and animations.

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.

Landing page generator for Ryan Reynolds

Learn how to build a dynamic landing page generator in under 30 minutes.

Freelance web design boot camp

The Freelancer’s Journey is a free, comprehensive course to help you build a successful, fulfilling freelance career in web design.

Figma to Webflow

Learn the entire design process from idea to final output as we take you through Figma, Cinema 4D and Octane, and Webflow.

21-day design portfolio course

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

Other glossary terms

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

Link field

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

Compile

→
Compiling is the process of converting code from a high-level programming language into a low-level language that computers can understand.

Bottom padding

→
Bottom padding is the space between the bottom of an element and its border.

Checkbox

→
Checkboxes are HTML structures that allow visitors to input data.

Flex child

→
An element contained within a parent element that has display: flex set.

Forms section

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

Callback function

→
A callback function is passed as an argument to another function and executed upon completing the latter’s task.

DNS records

→
DNS records store important information about domains and hostnames. They function like maps, directing DNS queries to the desired endpoint.

Sidebar

→
A sidebar, typically positioned on the left or right side of a website or app, is a vertical component that contains supplemental information to enrich a webpage’s primary content.

CSS (Cascading Style Sheets)

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

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.

Empty state

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

Container

→
An element that contains content.

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.

Content optimization system (COS)

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

Cipher

→
In cryptography, a cipher is a digital security algorithm that encrypts and decrypts data.

Date/Time field

→
A field available in CMS Collections. This field lets you display a date and time in a Collection and/or Collection item.

Asynchronous

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

Footer code

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

Traffic

→
Traffic, or web traffic, refers to the number of users who visit a website over a period of time.

Domain name forwarding

→
Domain name forwarding is a process that automatically redirects visitors from your domain name to a different web address.

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.

Tablet breakpoint

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

SSL

→
SSL (secure socket layer) is the standard method for establishing an encrypted link between a web server and a browser.

Save as Backup

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

Checkout process

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

Cloneable site

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

Front-end

→
The front-end refers to the visual and interactive part of a website or application that users directly interact with.

Footer

→
A footer is a section at the bottom of a web page.

Cipher suite

→
A cipher suite is a collection of encryption algorithms that work together to secure a network connection.

Display: none

→
Display: none is a CSS property that hides website elements. This code tells the document flow to ignore the element entirely, making it invisible.

Buffer

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

Idempotent

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

Right margin

→
Right margin is a CSS property that defines the space between the right edge of an element and its surroundings.

Element

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

Empty elements

→
Empty or void elements are HTML elements that don’t require a closing tag because they contain no content.

API

→
APIs, or Application Programming Interfaces, are common code protocols that let apps safely exchange data with other apps, software, and hardware.

Synchronous

→
Synchronous programming refers to sequentially executed operations.

Publish site

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

Shared Workspace template

→
Shared Workspace templates are templates made from your own sites. They can help you create sites with similar layouts and increase your efficiency when designing. Your Workspace members will also have access to your shared Workspace template(s).

Strong text

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

JPEG

→
Short for Joint Photographic Experts Group, JPEG is a file format that uses lossy compression to maintain manageable file sizes without compromising image quality.

Array

→
An array is an ordered, random-access collection of data. This data can be either primitive or object, depending on the coding language.

CMS section

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

Dither

→
Dithering is a design technique that simulates additional colors on a display to smooth transitions in images with limited color palettes.

Last published

→
The last time your site was published.

Utility pages

→
Utility pages are default, customizable templates for your site’s 404 page, Password page, and Search results page.

Folder settings

→
Allows you to manage your folders.

Editor toolbar

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

Web Accessibility Initiative (WAI)

→
The Web Accessibility Initiative (WAI) is a World Wide Web Consortium (W3C) project to enhance accessibility for users with disabilities.

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.

Rich text field

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

Style Manager

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

Resolution

→
Resolution is a metric measuring clarity and detail through the number of pixels displayed on a screen or used to render an image.

Pixel

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

Ciphertext

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

Attribute

→
An attribute in HTML is a term inside an opening tag of an element, such as a font or color, that provides additional information about the element.

Number field

→
Available in CMS Collections. It lets you insert an integer with or without decimals.

Webflow Editor

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

Compile time

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

Navbar

→
A navbar, or navigation bar, is an interactive user element with a menu or a set of links to a website’s main sections.

JavaScript

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

Below the fold

→
Below the fold refers to the lower portion of a webpage that isn’t immediately visible to visitors upon loading until they scroll down.

Hypertext transfer protocol secure (HTTPS)

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

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. Learn more about drafted pages.

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.

Bottom bar

→
A bottom bar is a navigation bar at the bottom of an app or webpage.

List

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

Left margin

→
Left margin is a CSS property that defines the space between an element's left edge and its surroundings.

Webflow forum

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

SCA and PSD2 Regulations

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

Optimizely

→
A web app that helps you measure how different site designs impact user behavior.

Website name

→
A website name, or domain, is the title of a website that appears in the browser tab and search engine results.

Left To Right (LTR)

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

Image

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

Maximum width (max width)

→
The “max-width” CSS property defines an element’s maximum width.

End user

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

Effects

→
A section in the Style panel that houses CSS properties for changing how an element appears, such as its opacity, outline, and box shadows.

Pseudocode

→
Pseudocode is a simplified, informal representation of programming code that outlines a program’s structure and logic without strict syntax.

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.

Collection URL

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

Head code

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

Conditional

→
Conditionals, also known as conditional statements or expressions, are coding instructions that tell a program to execute an action for a certain condition.

Component Module

→
A section in the Add Panel that houses pre-built Webflow elements such as sliders, tabs, and lightboxes.

Password protection

→
Password protection is a security feature restricting certain website areas to authorized users, requiring a secret phrase or key to access them.

List item

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

Tutorials

→
The fastest way to learn how to use Webflow.

Required field

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

Deployment

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

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.

Link

→
A link, short for hyperlink, is a clickable website element that enables navigation between different web resources.

Product attribute

→
Product attributes are specific characteristics that define purchasable merchandise or commodities and provide relevant information to customers.

Paginate items

→
This checkbox allows you to enable or disable pagination on the selected Collection list.

Text area

→
A form element that allows site visitors to enter multi-line data.

Selector

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

User interface (UI)

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

Undo

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

Flexbox

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

Web server

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

Sorting Collection lists

→
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.
Hmm…we couldn’t find any results. Try a different search term or reset the filter.
Reset the filter
Load more