Design e Acessibilidade
O que é Mobile-first?
Mobile-first é o princípio de desenhar e codar primeiro pra tela pequena, depois adaptar pra tablet e desktop.
Mobile-first nasceu quando o tráfego mobile passou desktop (~2015). Hoje é regra: 60-80% do tráfego de SaaS vem de celular. Desenhar primeiro pro pequeno força priorização (o que cabe? o que sai?).
Em CSS/Tailwind, mobile-first é o default: media queries começam em min-width. Em design, é começar a tela pelo telefone e expandir, não o contrário.
Termos relacionados
Perguntas frequentes
Mobile-first vale pra ferramentas B2B desktop?
Mesmo em tools desktop-first, mobile-friendly é exigido (busca Google avalia mobile-first indexing). Não otimize pra mobile, mas funcione.
Mobile-first muda o design ou só o código?
Os dois. No design, define a hierarquia (o essencial sobe); no código, media queries usam min-width em vez de max-width.