RelevantLatestTop

Vivian Lima

14 de out.

Detecção de direção do scroll em JavaScript sem jQuery para melhorar UX e performance

#javascript#performance#ux

10 reações4 comentários

7 min de leitura

Mariana RamosEssa abordagem é prática, mas cuidado com o debounce se o scroll for muito intenso. Já passei por isso e o desempenho melhora bastante ao limitar a frequência da checagem.

Leandro EstevesNo meu time, o que ajuda é usar o evento 'scroll' com throttling pra evitar que o navegador fique sobrecarregado. Assim, a detecção fica mais estável.

Ver todos os 4 comentários →

Rafael Dantas

6 de out.

Controle de volume com transições suaves em players HTML5 <audio> usando técnicas avançadas

#audio#js#ux

8 reações3 comentários

4 min de leitura

Leandro OliveiraÓtimo ponto, Rafael. No meu time, a gente costuma usar uma função de easing personalizada pra dar mais naturalidade na transição. Assim, não fica aquela rampa mecânica que parece a

Otavio GomesA questão do desempenho também pesa, principalmente se tiver vários áudios tocando ao mesmo tempo. Já passei por isso e achei que ajustar o intervalo e a duração ajuda bastante a e

Ver todos os 3 comentários →

Leandro Lima

31 de ago.

Monitoramento de mudanças em formulários JavaScript para evitar regressões de UX

#javascript#observabilidade#ux

7 reações3 comentários

5 min de leitura

Bruno GomesCurioso pra saber como voces lidam com a deteccao de mudancas no DOM que podem impactar a experiencia. Ja usei MutationObserver mas as vezes fica dificil balancear a performance.

Sofia Oliveiralol no meu time, a gente criou uma rotina de alertas automáticos pra mudanças na estrutura do DOM, assim evita que alterações passem batidas. Mas é preciso cuidado pra não gerar mu

Ver todos os 3 comentários →

Vivian Vieira

26 de ago.

Gerenciar o Custo de Manutenção de Inputs de Data e Hora em Diversos Navegadores

#frontend#compatibilidade#ux

13 reações4 comentários

4 min de leitura

Rafael EstevesBoa dica, Vivian Aqui no meu time, a maior dor é justamente manter uma experiência consistente sem ficcar refazendo o componente toda hora. Essa abordagem de feature detection ajud

Leandro DantasNo meu projeto, o mais importante foi criar um componente que pudesse ser facilmente trocado ou atualizado. Assim, se precisar trocar por uma lib nova, fica tranquilo de fazer a su

Ver todos os 4 comentários →

Sofia Vieira

12 de ago.

Como detectar se o usuário clicou em Cancelar na caixa de diálogo do onbeforeunload

#javascript#navegaçao#ux

6 reações3 comentários

6 min de leitura

Patricia SantanaExcelente abordagem, Sofia. A minha dúvida é sempre como evitar esses alertas em navegações internas, que são bem comuns em apps com muitos passos. Você recomenda usar variáveis de

Julia FreitasConcordo, Wesley. Mas cuidado ao usar esses alertas, porque podem irritar o usuário se mal utilizados. Prefiro implementar modais customizados sempre que possível, assim o controle

Ver todos os 3 comentários →

Sofia Santana

12 de ago.

Solução prática para o problema de scroll indesejado ao focar inputs em modais no iOS

#ios#scroll#ux

10 reações5 comentários

7 min de leitura

Igor GomesLegal a solução, mas acho que o risco de ficar com o layout travado ou bugado em telas menores ainda é alto. Já tentou usar o evento de focus pra ajustar o scroll também?

Daniel VieiraQuem cuida de tempo de feedback quando esse ios sair da fase de empolgação

Ver todos os 5 comentários →

Ana Nogueira

11 de ago.

Como detectar se o usuário clicou em Cancelar ao fechar uma janela com onbeforeunload em JavaScript

#javascript#desenvolvimento#ux

9 reações4 comentários

6 min de leitura

Fabio BarrosNo meu time, a gente sempre tnta evitar esse tipo de diálogo, pq acaba irritando o usuário. Mas quando precisa, a estratégia de flag funciona bem, desde que bem gerenciada.

Lucas MendonçaPô, na moral, isso dá um trabalhão pra cuidar para que tudo funcione em todos os casos. Já pensei em usar um sistema de autosave pra evitar o drama, aí fica menos dependente do eve

Ver todos os 4 comentários →

Otavio Nogueira

9 de ago.

Gerenciamento de Feedback em Tempo Real para Aplicações Web de Alta Performance

#performance#ux#websocket

9 reações5 comentários

7 min de leitura

Igor AlmeidaJá passei por isso, a chave é testar tudo em ambientes semelhantes ao de produção. Latência real faz toda a diferença.

Patricia EstevesBoa, mas cuidado com o cache. Se não tiver invaidação bem definida, o usuário fica com dados desatualizados e perde confiança.

Ver todos os 5 comentários →

Vivian Pereira

7 de ago.

Detecção de overflow de texto com CSS white-space e text-overflow usando JavaScript

#javascript#css#ux

8 reações4 comentários

4 min de leitura

Nicolas GomesEssa abordagem de clone funciona bem na prática, mas acho que o impacto em listas grandes pode ser um problema. Vocês já testaram em cenários de alta carga?

Patricia PereiraBoa, mas cuidado com o uso excessivo. Em telas com muitos elementos, o método pode pesar e impactar a experiência. Uma estratégia de limitação ajuda bastante.

Ver todos os 4 comentários →

Bruno Freitas

6 de ago.

Detecção confiável de botões do mouse em JavaScript após evento mousedown

#javascript#interatividade#ux

8 reações3 comentários

5 min de leitura

Mariana SantanaÓtimo guia, Bruno. No meu time, a gente costuma usar 'pointerdown' e 'pointerup' pra esse tipo de controle, que são mais modernos e têm melhor compatibilidade. Isso ajuda bastante

Vivian PereiraConcordo com a Mariana, mas às vezes a gente precisa também fazer um polling manual pra cuidar para que o estado tá atualizado, especialmente em apps mais complexos.

Ver todos os 3 comentários →