Skip to content

← Blog

Progressive enhancement: HTML, then CSS, then JS

  • html
  • css
  • javascript
  • arquitetura

TODO i18n: Full body translation pending. Title and description are localized; the body below remains in Portuguese for now.

Progressive enhancement é a ideia de entregar primeiro uma base útil (HTML), melhorar a experiência com apresentação (CSS) e só então acrescentar comportamento (JavaScript).

Na prática

  1. Um formulário com label, required e type="email" já funciona sem JS.
  2. CSS organiza hierarquia visual e estados de foco.
  3. JS entra para mensagens customizadas, autosave ou fetch — sem ser a única porta de entrada.

Se o script falhar, a página ainda deve fazer sentido. É por isso que as trilhas do CSS4HTML começam em HTML, passam por CSS e chegam ao DOM.

In the hub