Web Development Glossary (Quick Reference)

The persistent navigation area at the top of a site. Contains logo, nav links, and utilities.

Links that allow users to move between major sections of the site.

Hero Section

The first major content section of a page. Used to introduce purpose, identity, and primary action.

A container that limits width and centers content. Common in Jekyll/Minima layouts.

A UI element with fully rounded edges (high border-radius). Used for navigation bars, buttons, or tags.

Layouts that adapt to screen size using media queries.

A screen width at which layout rules change (e.g. 768px, 1024px).

Design strategy where the default layout targets small screens first.

Practices that make sites usable by screen readers and assistive tech.

CSS pattern that hides text visually but keeps it available to screen readers.

CSS property that controls how images scale inside their container.

Large, expressive text used in the hero section to convey brand identity.

The ordering of elements by importance using size, spacing, and contrast.