Web Development Glossary

Plain-English definitions of web development terms - so you can have informed conversations about your own website without needing a computer science degree.

Paid Search Glossary SEO Glossary AI Search Glossary

What is web development?

Web development is the work of building the technical side of a website: the code that turns a design into a working, fast, secure site a browser can render. It sits downstream of web design, which decides how a site looks and how a visitor moves through it, and covers everything from the HTML, CSS and JavaScript that make up the front end to the CMS, hosting and infrastructure that keep it running. On a well-run project the two overlap constantly: design choices have to account for what is technically fast to build, and development choices have to protect the design.

A typical web development project runs through four stages. Design and UX plans and designs the site. Development and tech builds it, usually on a modern stack such as Next.js or React with TypeScript and Tailwind CSS. SEO and performance builds in structured data, Core Web Vitals and clean semantic HTML rather than retrofitting them later. Launch and support puts the site live on hosting such as Vercel and hands it over with the housekeeping in place. Skipping a stage tends to show up later as slow load times, invisible search rankings, or a site nobody can maintain.

The terms below cover the vocabulary you will hit in a development conversation. If you are scoping a build, our guide to what a website costs in Australia breaks down the price ranges by project type, and Next.js versus WordPress compares the two most common starting points. You can see how we apply all of this in our web development service.

API (Application Programming Interface)

A set of rules that allows different software applications to communicate with each other. APIs are how your website connects to third-party tools - such as CRMs, payment processors, or analytics platforms - without needing to build that functionality from scratch.

CDN (Content Delivery Network)

A network of servers distributed around the world that delivers your website content from the location closest to the user. CDNs significantly reduce load times, especially for users far from your origin server.

CMS (Content Management System)

A platform that allows you to create, edit, and manage website content without writing code. Common examples include WordPress, Sanity, and Contentful. A good CMS gives your team control over content while developers control the structure and performance.

Core Web Vitals

Google's metrics for measuring real-world user experience: LCP (loading speed), CLS (visual stability), and INP (interactivity). Poor Core Web Vitals hurt both user experience and search rankings.

CSS (Cascading Style Sheets)

The language used to control the visual appearance of a web page - colours, fonts, spacing, layout, and responsive behaviour. Modern CSS frameworks like Tailwind CSS make styling faster and more consistent.

Headless CMS

A content management system where the content backend is completely separated from the frontend presentation layer. This allows developers to build fast, modern frontends (using frameworks like Next.js) while editors manage content through a familiar interface.

HTML (HyperText Markup Language)

The standard language for structuring content on the web. HTML defines what elements appear on a page - headings, paragraphs, images, links, and more. Semantic HTML (using the correct element for the right purpose) is important for both SEO and accessibility.

HTTPS / SSL Certificate

HTTPS is a secure protocol for transmitting data between a browser and a web server, indicated by the padlock icon in your browser. An SSL certificate enables HTTPS. It is a Google ranking factor and a basic trust signal for users - any modern website should run on HTTPS.

JavaScript

A programming language that makes web pages interactive. JavaScript powers dynamic features like menus, animations, form validation, and real-time updates. Frameworks like React are built on JavaScript.

LCP (Largest Contentful Paint)

A Core Web Vital measuring how long the largest visible element - typically the hero image or main heading - takes to load. Google recommends LCP under 2.5 seconds.

Mobile-First Design

A design approach where the mobile version of a website is designed and built first, then adapted for larger screens. Since most web traffic is mobile, mobile-first design ensures the experience that matters most gets the most attention.

Next.js

A React-based framework for building fast, SEO-friendly websites and web applications. Next.js supports both static site generation and server-side rendering, making it ideal for marketing sites that need strong performance and search visibility.

PageSpeed Score

Google's 0-100 score measuring a webpage's performance, generated by the Lighthouse tool. Scores above 90 are considered excellent. A high PageSpeed score correlates with better user experience, lower bounce rates, and improved search rankings.

React

A JavaScript library developed by Meta for building user interfaces. React allows developers to build reusable UI components, making large websites faster to build and easier to maintain. Most modern web frameworks, including Next.js, are built on React.

Responsive Design

A design approach where a website automatically adapts its layout and content to fit different screen sizes - from mobile phones to desktop monitors. Responsive design is the standard for modern websites.

Server-Side Rendering (SSR)

Generating a page's HTML on the server before sending it to the browser. SSR means users and search engines see fully rendered content immediately, improving both perceived speed and SEO. Next.js supports SSR natively.

Static Site Generation (SSG)

Pre-building HTML pages at build time rather than generating them on each request. SSG produces extremely fast websites because pages are served as pre-built files. Ideal for content that does not change frequently.

TypeScript

A superset of JavaScript that adds static type checking. TypeScript catches errors before code runs, making large codebases more reliable and easier to maintain. It is the standard choice for professional Next.js and React development.

UI / UX

UI (User Interface) refers to the visual elements users interact with - buttons, typography, colour, layout. UX (User Experience) refers to how the overall experience feels - whether it is intuitive, efficient, and satisfying. Strong UI/UX design directly impacts conversion rates.

A/B Testing

Comparing two versions of a web page (or element) to see which performs better with real users. A/B tests run both variants simultaneously, splitting traffic between them, and use statistical significance to determine a winner. Commonly used to test headlines, CTAs, form layouts, and hero sections.

Accessibility (WCAG)

WCAG (Web Content Accessibility Guidelines) are internationally recognised standards for making websites usable by people with disabilities - including vision, hearing, and motor impairments. Beyond being the right thing to do, accessibility has legal implications in Australia under the Disability Discrimination Act, and accessible websites tend to rank better because Google's accessibility signals overlap with SEO best practices.

CTA (Call to Action)

A design and copy element that prompts a user to take a specific action - such as a button labelled "Get a free quote", "Book a call", or "Start free trial". CTAs are one of the highest-leverage elements on any conversion-focused page. Position, wording, colour, and surrounding context all affect how often they are clicked.

DNS (Domain Name System)

The internet's address book - a system that translates human-readable domain names (like buttercup.digital) into the IP addresses that servers use. DNS configuration controls where your domain points: your hosting server, email provider, CDN, and other services. DNS changes can take up to 48 hours to propagate globally.

Open Graph

A protocol that controls how your web pages appear when shared on social media platforms like Facebook, LinkedIn, and X. Open Graph tags define the title, description, and image shown in link previews. Without them, platforms generate previews automatically - often poorly. Correct Open Graph implementation is a basic requirement for any professionally built website.

Page Builder

A visual tool that lets non-developers design and edit web pages through drag-and-drop interfaces without writing code. Examples include Elementor (WordPress), Webflow, and Squarespace. Page builders lower the barrier to publishing but often generate bloated code, slower load times, and constrained design flexibility compared to custom-coded sites.

Performance Budget

A set of limits on a website's performance metrics - such as page weight, JavaScript bundle size, or LCP - that the development team commits to not exceeding. Performance budgets prevent sites from gradually becoming slower as features are added. They are built into CI/CD pipelines on well-run projects, failing the build if limits are breached.

Web App vs Website

A website primarily delivers content to be read or browsed (a marketing site, a blog, an ecommerce catalogue). A web app provides interactive functionality where users create, manage, or process data (a dashboard, a booking system, a SaaS product). The distinction matters for architecture decisions - web apps typically require authentication, real-time data, and more complex state management.

Web Hosting

A service that stores your website's files and makes them accessible to users over the internet. Options range from shared hosting (low cost, limited performance) to managed cloud platforms like Vercel or AWS (higher performance, more scalable). Hosting choice directly affects your website's speed, uptime, and ability to handle traffic spikes.

Web development, explained.

Web development is the work of building the technical side of a website: the code that turns a design into a working, fast, secure site a browser can render. It covers everything from the HTML, CSS and JavaScript that make up what you see and click, through to the CMS, hosting and infrastructure that keep the site running. It sits downstream of web design, which decides how a site looks and how a visitor moves through it. On a well-run project the two overlap constantly, since design choices have to account for what is fast to build and development choices have to protect the design.

A web development project typically runs through four stages. Design and UX plans the site and designs each page. Development and tech builds it, usually on a modern stack such as Next.js or React with TypeScript and Tailwind CSS. SEO and performance builds in structured data, Core Web Vitals and clean semantic HTML rather than retrofitting them later. Launch and support puts the site live on hosting such as Vercel and hands it over with the housekeeping in place. Skipping a stage tends to show up later as slow load times, a site that is invisible in search, or a build nobody can maintain.

Web design decides how a site looks and how a visitor experiences it: layout, typography, colour, and the path a user takes from landing to converting. Web development is the code that makes that design real and functional in a browser. A designer might specify a hero section with a specific animation; a developer builds the component that renders it, loads fast, and works on every device. Most agencies, including ours, do both under one roof so the two stay in sync instead of the build drifting from the design.

Front-end development is everything that runs in the browser and that a visitor sees or interacts with: the layout, styling, buttons, forms, and animations, built with HTML, CSS, JavaScript, and frameworks like React. Back-end development is the server side: the database, business logic, APIs, and the systems a CMS or booking form talks to. Most marketing and small business websites are front-end heavy with a lighter back-end handling content and form submissions; web apps and platforms with logins, dashboards, or transactions carry much more back-end complexity.

It depends heavily on scope. A customised template build runs roughly $1,500 to $5,000. A custom small business website, designed and built from scratch with development, content integration, and basic SEO setup, typically runs $5,000 to $15,000. Custom eCommerce adds product management, cart, and payments, and runs $8,000 to $30,000 or more. Web applications with user accounts and complex logic start at $20,000 and scale from there. Our guide to what a website costs in Australia breaks the full range down by project type.

A website primarily delivers content to be read or browsed, such as a marketing site, a blog, or an ecommerce catalogue. A web app provides interactive functionality where users create, manage, or process data, such as a dashboard or a booking system. The distinction matters for the build: web apps typically need authentication, real-time data, and far more back-end complexity than a marketing website does.

Ready to build something that performs?

Book a free 20-minute strategy call and we will talk through your website goals, current performance, and the best path forward. Or explore our web development service.

Get in touch