Progressive Enhancement
ELI5 — The Vibe Check
Progressive enhancement means building a web page that works for everyone at its most basic level, then layering on fancy features for browsers that support them. The HTML works without CSS. The page works without JavaScript. Then you add CSS to make it pretty and JavaScript to make it interactive. If something breaks, the core experience still works. It's building from the ground up, not the top down.
Real Talk
Progressive enhancement is a web development philosophy that starts with a baseline of semantic HTML content accessible to all browsers and devices, then layers on CSS for presentation and JavaScript for enhanced functionality. Unlike graceful degradation (build for modern browsers, patch for old ones), progressive enhancement ensures the core content and functionality are always available. It aligns with accessibility, SEO, and resilience principles.
When You'll Hear This
"Build with progressive enhancement — the form should still submit without JavaScript." / "Progressive enhancement means your site works even when JS fails to load."
Related Terms
Accessibility (a11y)
Accessibility (a11y) is making your website usable by everyone — including people using screen readers, keyboard-only navigation, or who have low vision.
Graceful Degradation
Graceful degradation is building the fancy version first, then making sure it doesn't completely break in older or limited environments.
Semantic HTML
Semantic HTML means using the RIGHT tag for the job instead of wrapping everything in divs.
SEO
SEO is the art of convincing Google to rank your website higher than your competitors.