Technical Glossary

Here you can find important tech terms and definitions, explained in a simple and clear way.

WAF (Web Application Firewall)

A Web Application Firewall (WAF) is a highly specialized security protocol that monitors, filters, and blocks malicious HTTP traffic traveling to and from a web application. Unlike standard network firewalls that protect internal corporate servers, a WAF is specifically designed to protect public-facing websites from sophisticated application-level attacks, such as SQL injection, Cross-Site Scripting (XSS), and massive DDoS attacks.

HTTPS (Hypertext Transfer Protocol Secure)

HTTPS (Hypertext Transfer Protocol Secure) is the secure version of HTTP, which is the primary protocol used to send data between a web browser and a website. HTTPS encrypts this communication using an SSL (Secure Sockets Layer) or TLS (Transport Layer Security) certificate. This encryption ensures that any data transferred—like passwords, credit card numbers, or B2B lead forms—cannot be intercepted, read, or altered by hackers.

UTM Parameters

UTM (Urchin Tracking Module) Parameters are short text codes added to the very end of a URL (forming a Query String) to track the performance of specific marketing campaigns and content across the internet. When a user clicks a link with UTM parameters, tools like Google Analytics decode those tags to track exactly where the visitor came from, what medium they used, and which specific ad they clicked.

URL (Uniform Resource Locator)

A URL (Uniform Resource Locator) is the unique, specific web address used to locate a resource (like a webpage, image, or document) on the internet. It consists of multiple parts, including the protocol (e.g., HTTPS), the domain name (e.g., flowtrix.co), the subfolder/path (e.g., /services/), and the specific page identifier or Slug (e.g., /webflow-development).

Technical SEO

Technical SEO refers to website and server optimizations that help search engine spiders crawl and index your site more effectively, ultimately improving organic rankings. It has nothing to do with writing blog posts (On-Page SEO) or acquiring backlinks (Off-Page SEO). Instead, it focuses on the underlying infrastructure: page speed, mobile-friendliness, XML sitemaps, canonical tags, and security protocols.

Syntax

In computer science, Syntax refers to the strict set of rules, structure, and spelling that dictates how symbols and words must be combined to form a correctly functioning line of code. Just as human languages have grammar rules (subject-verb agreement, punctuation), programming languages (like HTML, CSS, JavaScript, and Python) have syntax. If a developer misses a single bracket or semicolon, it results in a "syntax error" and the code breaks.

Static Site Generator (SSG)

A Static Site Generator (SSG) is a software tool (like Gatsby, Next.js, or Hugo) that takes raw data, markdown files, and templates, and pre-compiles them into a complete directory of static HTML, CSS, and JavaScript files. Unlike a traditional database-driven CMS (like WordPress) which builds the webpage from scratch every single time a user requests it, an SSG generates all the pages in advance.

PHP (Hypertext Preprocessor)

PHP (Hypertext Preprocessor) is a widely-used, open-source server-side scripting language that is especially suited for web development. It is the underlying technology that powers legacy Content Management Systems like WordPress, Drupal, and Joomla. It executes scripts on the web server and generates HTML, which is then sent to the user's browser.

Orphan Page

An Orphan Page is a webpage that exists on your server and can be accessed via direct URL but has zero internal links pointing to it from anywhere else within your website.

Node.js

Node.js is an open-source, cross-platform runtime environment that allows developers to execute JavaScript code on the server (the backend), rather than just in the user's web browser (the frontend). Built on Google Chrome's V8 JavaScript engine, it is designed to build highly scalable, fast, and data-intensive network applications.

Nofollow Link

A Nofollow Link is a hyperlink that contains the HTML attribute rel="nofollow". This specific tag acts as a directive to search engine bots (like Googlebot), telling them: "Do not follow this link, and do not pass any of my website's SEO authority (PageRank) to the destination URL." To a human user, a nofollow link looks and functions exactly like a normal link.

JPEG (Joint Photographic Experts Group)

JPEG is one of the oldest and most widely used image file formats on the internet. It uses "lossy compression," meaning it drastically reduces file size by permanently discarding some of the image's hidden color data. It is highly optimized for complex, multi-color photographs, but it does not support transparent backgrounds (unlike PNG or SVG).

IP Address (Internet Protocol Address)

An IP (Internet Protocol) Address is a unique string of numbers (or alphanumeric characters in IPv6) separated by periods that identifies a specific device or server on the internet or a local network. Just like a physical street address allows the postal service to deliver a package to your house, an IP address allows computers to send and receive data to the correct destination.

Indexing

Indexing is the crucial database process used by search engines (like Google or Bing). After a search engine "crawls" a webpage to understand its content, it stores that information in a massive central database called the Index. If a webpage is not in the Index, it is completely invisible to search engines and will never appear in search results, no matter how relevant it is to a user's query.

Image Compression

Image Compression is the technical process of reducing the file size of a digital graphic (like a JPEG, PNG, or WebP) without significantly degrading its visual quality. This is achieved by removing hidden data, reducing color profiles, or grouping similar pixels together. It is divided into two types: Lossless (reduces size without losing quality) and Lossy (permanently removes some data for maximum size reduction).

Hosting (Web Hosting)

Web Hosting is a service that provides the physical server infrastructure and technologies needed for a website to be viewed on the internet.

Headless CMS

A Headless CMS is a back-end content management system where the content repository (the "body") is entirely separated from the presentation layer (the "head" or frontend website). Instead of being tied to a specific website template (like traditional WordPress), a headless CMS stores content as raw data and delivers it via an API to any device—whether that's a Webflow website, an iOS mobile app, or a smartwatch.

Google Search Console

Google Search Console (GSC) is a free web service provided by Google that allows webmasters, SEO professionals, and developers to monitor, maintain, and troubleshoot their site's presence in Google Search results. It acts as a direct line of communication between a website and Google's search algorithm.

Full-Stack

Full-Stack refers to the entire depth of a computer system application. A "Full-Stack Developer" or agency possesses the skills to work on both the "Frontend" (the user-facing interface built with HTML, CSS, JS) and the "Backend" (the server, database, and application logic that powers the software behind the scenes).

Finsweet Attributes

Finsweet Attributes (often referred to simply as "Attributes") is a powerful, industry-standard suite of low-code solutions created specifically for Webflow by the agency Finsweet. By simply adding specific custom attributes (like fs-cmsfilter-element="list") to Webflow elements, developers can unlock highly advanced functionalities that normally require complex, custom JavaScript.

Enterprise Architecture

Enterprise Architecture (EA) is the comprehensive blueprint of how an organization structures its IT infrastructure, software systems, and data to align with its core business goals. In the context of web development, it refers to the strategic integration of a company's marketing website, content management systems (CMS), Customer Relationship Management (CRM) tools, and proprietary software applications into one seamless, secure ecosystem.

Zone Record (DNS Zone File)

A Zone Record (or DNS Zone File) is a simple text file stored on a DNS name server that contains the actual mappings between domain names and IP addresses, as well as other critical routing instructions for a domain. It is essentially the master ledger that dictates exactly where web traffic, email traffic, and subdomains should be sent when someone interacts with your company's domain.

Z-Pattern Layout

A Z-Pattern Layout is a web page layout that guides users' eyes in a Z-shape: starting at the top-left, moving horizontally to the top-right, then diagonally to the bottom-left, and finally horizontally to the bottom-right. This layout follows natural eye movement patterns and is effective for guiding user attention.

Zero UI (Invisible User Interface)

Zero UI (Invisible UI) is a design concept where the traditional graphical user interface (screens, buttons, menus) recedes entirely, allowing the user to interact with the software through more natural, human methods such as voice commands, gestures, haptics, or predictive AI automation. It is the transition from users having to learn the software, to the software learning the user.

XSS (Cross-Site Scripting)

Cross-Site Scripting (XSS) is a severe security vulnerability typically found in web applications. It occurs when a hacker successfully injects malicious executable scripts (usually JavaScript) into the code of a trusted website. When an unsuspecting user visits the compromised page, their browser executes the script, allowing the hacker to steal session cookies, capture passwords, or rewrite the page's HTML.

XML (eXtensible Markup Language)

XML is a markup language that structures and stores data in a human-readable, machine-parseable format. Unlike HTML, which defines how data is displayed, XML defines what the data means. XML uses custom tags to describe data structure.

WordPress

WordPress is the world's most widely used Content Management System (CMS), originally launched in 2003 as a blogging platform. It is an open-source system built on PHP and MySQL. While it powers roughly 40% of the internet, it relies heavily on third-party themes and thousands of disparate plugins to achieve modern web functionality, e-commerce, and advanced SEO.

Wireframe

A Wireframe is a low-fidelity layout sketch that shows the structure and content organization of a webpage or application screen. Wireframes focus on content hierarchy and user flow without visual design details like colors, fonts, or images.

Widget

A Widget is a reusable UI component that provides specific functionality. Examples include: date pickers, dropdown menus, modal dialogs, sliders, and carousels. Widgets are building blocks for user interfaces, enabling faster development and consistent design.

Webpack

Webpack is a highly popular, open-source "module bundler" used in modern JavaScript applications. When developers build complex web applications, they write hundreds of separate, organized files for JavaScript, CSS, and images. Webpack takes all of these separate files, processes them, and "bundles" them together into a few highly optimized, minified files that the web browser can load efficiently.

Webhook

A Webhook is an automated message sent from one application to another when a specific event occurs. Webhooks enable real-time communication between applications, allowing one system to notify another system instantly when something happens, without requiring constant polling or manual intervention.

Web Accessibility Initiative (WAI)

The Web Accessibility Initiative (WAI) is an effort brought together by the World Wide Web Consortium (W3C)—the main international standards organization for the internet. The WAI's sole mission is to improve the accessibility of the web for people with disabilities. They are the governing body responsible for researching, developing, and publishing the universal standards and guidelines that make digital inclusivity possible.

Viewport

A Viewport is the visible area of a webpage or application on a user's device. The viewport dimensions change depending on the device: a desktop browser might have a 1920px wide viewport, while a smartphone might have a 375px wide viewport. Responsive web design uses the viewport to adapt layouts for different screen sizes.

Version Control

Version Control is a system that tracks changes to files (especially source code) over time, enabling multiple developers to collaborate on the same project without overwriting each other's work. Git is the most widely used version control system. Version control systems maintain a history of all changes, allowing developers to view past versions and revert to them if needed.

Usability Testing

Usability Testing is a research method where real users are observed using a product or website while completing specific tasks. Researchers note where users struggle, what confuses them, and what delights them. This qualitative feedback reveals UX problems that metrics alone cannot show.

User Experience (UX)

User Experience (UX) encompasses all aspects of how a user interacts with a product or website, including usability, accessibility, aesthetics, and emotional response. Good UX makes products easy to use, enjoyable, and effective at achieving user goals.

Unit Testing

Unit Testing is a type of software testing where individual functions or "units" of code are tested in isolation to verify they work correctly. A unit test calls a function with specific inputs and checks if the output matches the expected result.

Typeface (Font Family)

A Typeface (also called a Font Family) is a set of characters (letters, numbers, symbols) designed with a consistent visual style. Examples include Arial, Helvetica, Times New Roman, and Georgia. A typeface family typically includes variations like bold, italic, and different weights.

Third-Party Integration

A Third-Party Integration is a connection between a software application and an external service or API provided by a different company. For example, a SaaS product integrating with Stripe for payments, Mailchimp for email marketing, or Salesforce for CRM data.

Text Overlay

A Text Overlay is text displayed on top of a background image or video. Text overlays are commonly used in banner images, hero sections, and marketing videos to convey messages without requiring users to read separate text blocks.

Testing (QA)

Testing, also known as Quality Assurance (QA), is the systematic process of verifying that software functions correctly, is free of bugs, and meets requirements. Common types of testing include unit testing (individual functions), integration testing (multiple components), and end-to-end testing (entire user workflows).

Syntax Highlighting

Syntax Highlighting is a feature in code editors and documentation that displays code in different colors and fonts based on the programming language syntax. Keywords, variables, strings, and comments are displayed in different colors, making code easier to read and understand.

Sticky Navigation

Sticky Navigation (also called fixed navigation) is a navigation menu that remains visible and fixed at the top of the screen as a user scrolls down a webpage. Sticky navigation improves user experience by keeping important navigation links constantly accessible, reducing the need for users to scroll back to the top.

Stock Photography

Stock Photography refers to images from licensed libraries (like Unsplash, Pexels, Shutterstock, Getty Images) that can be used on websites, marketing materials, and publications. Stock photos provide affordable, professional-quality imagery without requiring expensive photoshoots.

State Management

State Management is the process of managing and updating application data (state) in a way that enables all parts of an application to access and respond to changes in that data. In JavaScript applications, state refers to any data that changes over time (user input, API responses, UI flags).

Staging Environment

A Staging Environment is a replica of a production website or application used for testing changes before deploying them to the live production environment. Staging environments have the same architecture, databases, and configurations as production, but contain test data and no real users.

SSL Certificate

An SSL (Secure Sockets Layer) Certificate is a digital authentication credential that binds a cryptographic key to a company's details. When installed on a web server, it activates the padlock icon and the HTTPS protocol in the browser's URL bar. This ensures that the data transferred between the user's browser and the website's server is heavily encrypted and secure from interception.

Source Code

Source Code is the fundamental, underlying set of human-readable instructions and statements written by a programmer using a specific programming language (like HTML, CSS, JavaScript, or Python). It is the raw structural DNA of a website or application before it is translated (compiled) by a web browser or server into the visual, interactive interface that the user actually sees.

Scalability

Scalability is the measure of a system, website, or organization's ability to handle a growing amount of work—or its potential to be enlarged to accommodate that growth—without sacrificing performance or reliability. In web development, this applies to both traffic scalability (handling sudden spikes in visitors) and architectural scalability (the ability to add 1,000 new pages without the codebase collapsing into chaos).

Sandbox (Testing Environment)

A Sandbox is an isolated, safe testing environment that perfectly replicates a live software application or website, but is completely disconnected from the actual production database. It allows developers, QA testers, or potential clients to execute code, test API integrations, or explore software features without any risk of breaking the live site, altering real customer data, or triggering actual financial transactions.

Routing

Routing is a web development mechanism that directs a user's request (a URL) to the specific code, page, or application logic that handles it. In traditional multi-page websites, routing simply fetches a different HTML document from the server. In modern Single-Page Applications (SPAs) built with React or Vue, routing happens on the "client-side" (in the browser), seamlessly swapping out interface components without the screen ever refreshing.

Query String

A Query String is the portion of a URL that assigns values to specified parameters, typically starting after a question mark (?). It is used to pass data directly to the web server or the webpage's JavaScript. For example, in the URL flowtrix.co/blog?category=saas&sort=newest, everything after the ? is the query string, telling the page to only display SaaS articles sorted by date.

Quality Assurance (QA)

Quality Assurance (QA) is the systematic testing and validation process to ensure that a product, website, or software meets quality standards, functions as intended, and is free of bugs, errors, and security vulnerabilities before release.

Prototype

A Prototype is a preliminary version of a product, website, or feature built to test concepts, gather feedback, and validate assumptions before investing in full development. Prototypes can range from low-fidelity (sketches, wireframes) to high-fidelity (interactive mockups that closely resemble the final product).

Progressive Web App (PWA)

A Progressive Web App (PWA) is a website that uses modern web technologies to deliver an app-like user experience, combining the best features of web apps and native mobile apps. PWAs work offline, load instantly, and can be installed on home screens without requiring app store downloads.

Plugin

A Plugin is a modular piece of software added to an existing computer program or website platform (most notoriously WordPress) to introduce a specific new feature or functionality without the user needing to write custom code. For example, adding an SEO tool, a contact form, or a caching system to a legacy CMS usually requires installing a third-party plugin.

Git (Version Control)

Git is the world's most popular distributed version control system, used by developers to track changes in source code over time. It allows multiple team members to work on the same project simultaneously without overwriting each other's work. If a mistake is made or a bug is introduced, Git allows developers to safely "roll back" the codebase to a previous, stable version.

Document Object Model (DOM)

The Document Object Model (DOM) is a programming interface for web documents. When a web browser loads an HTML document, it creates a structural representation of that document as a "tree" of objects and nodes. This DOM tree dictates how the page is structured and allows programming languages (like JavaScript) to dynamically read, access, and manipulate the content, style, and structure of the site.

DNS (Domain Name System)

The Domain Name System (DNS) is often described as the "phonebook of the internet." Humans access information online through readable domain names like flowtrix.co. Web browsers, however, interact through Internet Protocol (IP) addresses (like 192.0.2.1). DNS translates the human-readable domain names into machine-readable IP addresses so browsers can load the correct internet resources.

Database

A Database is an organized, structured collection of data stored electronically in a computer system. It allows for data to be easily accessed, managed, updated, and queried. In web development, the database acts as the "brain" or memory bank of a website, storing everything from user login credentials and SaaS product inventories to blog post text and image URLs.

Custom Code

In the context of platforms like Webflow, Custom Code refers to any HTML, CSS, or JavaScript that a developer writes manually to inject functionality or styling that goes beyond the native capabilities of the visual editor. This code can be added at the site level, the page level, or embedded directly within specific components.

Crawl Budget

Crawl Budget is an SEO concept that refers to the number of pages search engine bots (like Googlebot) will crawl and index on a website within a given timeframe. Search engines have limited resources; they will not spend infinite time exploring a single site. If a website has thousands of pages but a low crawl budget, many of its pages may never appear in search results.

Content Delivery Network (CDN)

A Content Delivery Network (CDN) is a geographically distributed group of servers that work together to provide fast delivery of internet content. Instead of housing your website's heavy files (like images, videos, and CSS) on a single server in one location, a CDN copies these files and stores them on "edge servers" all around the world.

Cache

A cache (pronounced "cash") is a high-speed data storage layer that stores a subset of data, so that future requests for that data can be served faster than accessing the original source.

Webflow

Webflow is an all-in-one Software as a Service (SaaS) platform that functions as a visual development tool, a CMS (Content Management System), and a hosting service. It empowers designers to build, style, and launch websites that generate high-quality HTML, CSS, and JavaScript.

Z-Index (CSS Property)

The Z-Index controls the depth position of elements on the z-axis (the axis coming out of the screen). Elements with a higher Z-Index value appear on top of elements with lower values.

YAML (Yet Another Markup Language)

YAML is a data format designed to be highly readable, using indentation and a straightforward structure (lists, scalars, and associative arrays) to represent complex data. It is often used instead of JSON or XML for configuration settings because its syntax is less verbose.

XML (Extensible Markup Language)

XML is a foundational technical language, similar to HTML, but unlike HTML (which defines content structure for display), XML defines data structure for storage and transfer.

Website Accessibility

Website Accessibility is the non-negotiable standard for creating a truly inclusive User Experience (UX). It requires adherence to the Web Content Accessibility Guidelines (WCAG) and includes: semantic HTML, color contrast, keyboard navigation, and alt text.

Version Control

Version Control (most commonly using a tool like Git) is a foundational practice in professional development. It allows multiple developers to work on the same project simultaneously without overwriting each other's work.

Web Animation

Web Animation is a broad term covering Transitions, Scroll Animation, Motion Design, and scripted Animation using JavaScript or libraries like Lottie Animation.

Viewport

The Viewport is the physical window through which the user views the website. It is the core concept that drives Responsive Design.

Variable Font

Variable Fonts are a modern advancement in Typography that consolidates what used to be several different font files (e.g., thin, regular, bold) into one single, smaller file.

Validation

Validation is the strategic confirmation of design and feature effectiveness. It is achieved through various forms of Testing: quantitative, qualitative, and technical.

Tag Manager

A Tag Manager (e.g., Google Tag Manager) is a tool that allows marketers to deploy and manage snippets of tracking code (tags) on a website without modifying the site's codebase.

Sitemap

The Sitemap is the official index or blueprint of a website's structure. There are two main types: XML and HTML.

SVG (Scalable Vector Graphic)

SVG is the preferred format for logos, Iconography, and simple Graphic Design elements on modern websites. Because it is vector-based (using mathematical formulas rather than pixels), it offers two key advantages: scalability and performance.

SEO (Search Engine Optimization)

SEO is a long-term Growth-Focused Strategy that aims to make a website the most relevant, trustworthy, and authoritative resource for a user's search query. It involves three pillars: technical, on-page and off-page.

Responsive Design

Responsive Design ensures a single codebase adapts fluidly to all Viewports, from large desktop monitors to small smartphones. It is achieved through flexible Layout Grids, fluid images (Object Fit), and CSS (Cascading Style Sheets) media queries that apply specific styles based on screen size.

Render Blocking

Render Blocking code is a major cause of slow Page Speed and a poor Lighthouse Score. When a browser encounters a large, external JavaScript or CSS file, it stops rendering the page until that file is downloaded and executed.

Reflow

Reflow is a heavy computational task that slows down a web page's rendering speed and causes Jitter in Animation or scrolling. It is triggered by changes to element dimensions, content, or specific CSS properties.

Query Parameter

Query Parameters appear after a question mark (?) in a URL (e.g., www.site.com/products?color=blue&sort=price). They are used to change the content displayed on the page without changing the underlying page structure.

Progressive Web App (PWA)

A PWA is built using standard web technologies (HTML, CSS, JavaScript) but offers features traditionally reserved for native mobile apps: offline functionality, and performance.

Page Speed

Page Speed is a critical metric that impacts both user experience and search engine ranking. It is a major component of the Lighthouse Score.

Optimization

Optimization is a perpetual strategy, not a one-time fix. It encompasses several key activities: technical optimization, render blocking, CRO and SEO optimzation.

Open Graph Tags

Open Graph (OG) Tags are snippets of code added to the <head> section of a webpage's HTML. Originally created by Facebook, they are now the standard protocol used by almost all social networks (including LinkedIn, Twitter, and Slack) to control exactly how a URL is displayed when it is shared. They dictate the title, description, and the specific preview image (the "OG Image") that appears in the social feed.

No-Code Development

No-Code Development utilizes platforms like Webflow to empower designers and subject matter experts to build highly custom, production-ready digital products. These platforms manage the underlying HTML, CSS, and JavaScript automatically.

Naming Convention

A Naming Convention provides a structure and vocabulary for the entire development project. Using a recognized system (like BEM or a custom client-specific standard) for naming CSS (Cascading Style Sheets) classes is vital.

Metadata

In the context of SEO (Search Engine Optimization), Metadata is the text that website owners use to tell search engines (and users) what a page is about. Key types include: title tag, meta description, and open graph image.

Lottie Animation

Lottie Animations are high-quality, scalable vector animations that are vastly more lightweight and efficient than traditional GIFs or MP4 videos.

Lighthouse Score

The Lighthouse Score provides a benchmark (from 0 to 100) for the technical health of a website. Achieving a high score (typically 90+) is a goal for every modern developer. The Performance score is influenced by factors like: page speed and asset optimization.

JavaScript

JavaScript is one of the three core web languages (along with HTML and CSS). It is primarily executed on the client-side (the user's browser) and handles everything related to interactivity.

JSON (JavaScript Object Notation)

JSON is the most common format for data exchange on the web today. It is based on a simple "key: value" pair structure, making it easy for both humans to read and machines to parse.

Integration

Integration is the fundamental act of making disparate software tools work together. For B2B/SaaS, this means connecting the Webflow marketing site to the rest of the business ecosystem: CRM, analytics, and marketing.

HTML (Hypertext Markup Language)

HTML is the foundational structure of every website. It is not a programming language, but a markup language that uses tags to structure the content and provide meaning (semantics).

Google Analytics

Google Analytics 4 (GA4) is the latest generation of Google's industry-standard web analytics platform. Unlike its predecessor (Universal Analytics), which was based on "sessions" and "pageviews," GA4 uses an entirely event-based data model. It tracks every user interaction—from a page load to a video play or a button click—as a distinct event, providing a much deeper understanding of user behavior.

Frontend Development

Frontend Development is the practice of converting data and design concepts into a graphical interface that users can view and interact with on the web. It involves writing the code—primarily HTML (structure), CSS (styling), and JavaScript (behavior)—that dictates everything a user sees, clicks, and experiences in their browser.

Framework

A Framework offers a foundation upon which to build, defining the rules and structure, unlike a simple library (which only offers components). They promote efficiency, consistency, and adherence to best practices.

Domain

The Domain is the unique name that identifies a website on the Internet. It is translated by the Domain Name System (DNS) into an IP address that computers use to locate the site's server. Key components include the Second-Level Domain (e.g., 'flowtrix') and the Top-Level Domain (e.g., '.co', '.com', '.ai').

Deployment

Deployment is the technical procedure that pushes the final, tested code from the development environment to the live production environment. It includes several non-negotiable steps.