Boas práticas para a codificação de um layout

Seguir algumas boas práticas são essenciais para que a comunicação entre os times e a manutenibilidade do projeto seja boa, por isso listaremos abaixo pontos que sejam necessário para uma boa entrega

Pixel perfect

Quando falamos de pixel perfect é exatamente ter na tela do browser o que o time de UX imaginou e prototipou no Figma (ou outra ferramenta de prototipação) em algumas empresas o time de QA bate exatamente a tela por cima do browser e algumas ferramentas, listadas abaixo, servem pra isso e ajudam ambos os times a terem uma alta fidelidade no que foi definido anteriormente.

Por isso a comunicação entre os times é de suma importância para que não só o dev desenvolva um projeto pixel perfect, mas a equipe de UX também tenha o mesmo cuidado para prototipar um layout pixel perfect e falamos sobre isso no tópico de inconsistências de layout, para que antes de chegar na equipe de dev o layout esteja bem consistente para que faça sentido existir um cuidado pixel perfect.

Referências e ferramentas:

• Pixel Perfect — Boas Práticas e Gestalt

• Ainda precisamos nos preocupar com “Pixel Perfection”?

• Perfect Pixel - Browser tool

Variações