Olhando para trás, 2012 foi o ano que a web ficou verdadeiramente responsiva — e lúdica. Aqui estão as tendências que moldaram a era, muitas ainda relevantes hoje.
- Design Responsivo — Grids fluidos + imagens flexíveis + media queries de Ethan Marcotte viraram novo baseline. Um codebase, toda tela.
- Design Flat — Metro da Microsoft e iOS 7 depois mataram skeuomorfismo. Linhas limpas, cores sólidas, tipografia bold reinaram.
- Scroll Animado — Parallax e animações trigger-por-scroll transformaram páginas em narrativas.
- Mega Menus — Dropdowns multi-coluna substituíram flyouts aninhados infinitos para sites pesados em conteúdo.
- Parallax Scrolling — Backgrounds movendo mais lento que foreground criaram profundidade faux-3D em página única.
- Layouts Baseados em Cards — Retângulos estilo Pinterest: escaneáveis, responsivos, prontos para componentes.
- Backgrounds Fullscreen — Hero images/vídeo viraram abertura padrão de homepage.
- WebGL e 3D — Three.js trouxe 3D acelerado por GPU para navegadores sem plugins.
- Hamburger Menus — Três linhas = nav escondido. Mobile-first forçou padrão em todo lugar.
- Motion UI — Micro-interações (ripple botão, spinners loading) adicionaram velocidade percebida e deleite.
Check de Legado
Responsivo, flat, cards, hamburgers, motion — estes sobreviveram. Parallax e fullscreen video sumiram no mobile por performance. Mega menus evoluíram para mega-footers. WebGL cresceu para WebXR.
2012 nos ensinou: desenhe para o viewport que você tem, não para o que deseja.
