RelevantLatestTop

Gabriela Nogueira

5d atrás

Como exibir informações completas em tooltips para labels curtos em interfaces web

#javascript#tooltip#ui

11 reações3 comentários

9 min de leitura

Rafael BarrosCurti a explicação. Eu geralmente uso Bootstrap pra esses casos, mas às vezes o custom fica melhor pra não depender de tanta coisa.

Sofia BarrosConcordo, o visual faz muita diferença. Às vezes um tooltip bem feito evita que a interface fique poluída, sem perder informação.

Ver todos os 3 comentários →

Juliana Prado

6d atrás

Como Exibir Tooltips Dinâmicos em Labels com Espaço Limitado Usando jQuery

#jquery#tooltip#ui

9 reações4 comentários

4 min de leitura

Nicolas CamposGostei da solução, ajuda bastante na hora de evitar layouts quebrados por textos longos. Mas cuidado com o desempenho em páginas com muitos elementos, né?

Daniel DantasVerdade, o uso de tooltip em muitos elementos pode causar um impacto na performance. Além disso, é importante testar em dispositivos móveis, onde hover nem sempre funciona bem.

Ver todos os 4 comentários →

Ana Oliveira

6d atrás

Como exibir uma dica de ferramenta personalizada ao passar o mouse sobre um rótulo HTML com espaço limitado

#tooltips#html#ui

6 reações4 comentários

9 min de leitura

Nicolas FreitasBoa explicação. Eu faria uma tooltip customizada pra ter mais controle visual, mas concordo que o atributo title serve bem pra casos simples.

Igor Vieiraajudou pra cacete

Ver todos os 4 comentários →

Gabriela Campos

15 de ago.

Como aplicar uma imagem circular como fundo de botão em Java Swing sem perder a responsividade

#Swing#ui#java

7 reações3 comentários

8 min de leitura

Igor Queirozahahaha

Wesley FreitasLegal o metodo de criar a mascara ajuda bastante pra evitar efeitos ruins. Mas acho que o maior desafio e manter essa imagem bem ajustada ao resize ne? Ja passou por isso?

Ver todos os 3 comentários →

Yuri Xavier

14 de ago.

Como usar uma imagem circular como background de botões em Java Swing sem perder qualidade ou funcionalidade

#Swing#ui#java

8 reações4 comentários

7 min de leitura

Leandro Xavierai sim ótima abordagem, ajuda bastante quem quer um visual mais moderno. Acho que o cache de imagens redimensionadas pode ajudar na performance nesse tipo de implementação.

Sofia SantanaConcordo, Leandro. Para telas com muitos botões, não dá pra ficar redimensionando a imagem toda hora. Um cacche que atualiza só quando a imagem original muda é uma boa ideia.

Ver todos os 4 comentários →

Otavio Xavier

9 de ago.

Escolha entre Raphaël e jQuery SVG para interfaces interativas em SVG

#javascript#svg#ui

8 reações3 comentários

8 min de leitura

Julia VieiraConcordo que a manipulação direta do DOM SVG é mais fácil com jQuery SVG, mas e a performance em projetos maiores? Já passou por isso?

Leandro EstevesEu olharia também pro lado da compatibilidade.

Ver todos os 3 comentários →

Gabriela Lima

8 de ago.

Decisões de implementação de SVG em interfaces interativas: Raphaël ou jQuery SVG?

#javascript#svg#ui

7 reações4 comentários

6 min de leitura

Leandro DantasBoa análise, Gabriela. Concordo que para interfaces mais dinâmicas, manipular diretamente o DOM SVG dá um ganho de controle que o Raphaël não consegue oferecer. Mas, no meu time, a

Mariana EstevesExato, Leandro. Eu faria uma divisão mais clara: se a ideia é evolução contínua, manipular o DOM com jQuery SVG é mehlor.

Ver todos os 4 comentários →

Igor Lima

7 de ago.

Detecção de overflow de texto com CSS - práticas avançadas em JavaScript

#javascript#css#ui

10 reações3 comentários

6 min de leitura

Wesley GomesNunca tinha pensado em fazer esse clone pra detectar overflow. Acho que pode pesar na performance se tiver muita lista, né?

Nicolas NogueiraSim, no meu time fazemos assim em elementos específicos, mas fica atento ao impacto. Pra listas grandes, dá pra otimizar com cache ou limitar a checagem.

Ver todos os 3 comentários →

Aline Costa

7 de ago.

Como implementar fades suaves com JavaScript e CSS sem problemas de opacidade

#javascript#css#ui

10 reações5 comentários

5 min de leitura

Mariana BarrosConcordo, o uso de CSS pra transição de opacidade resolve muita dor de cabeça. Só cuidado pra não esquecer de ajustar o display pra mostrar ou esconder o elemento.

Camila RamosNo meu time eu tentaria achar onde css entra no fluxo real. Sem esse recorte, fica fácil vender ganho e esquecer manutenção

Ver todos os 5 comentários →

Elisa Barros

5 de ago.

Como garantir que o foco seja aplicado na aba correta após validação de formulário com múltiplas abas em JavaScript

#javascript#ui#validação

13 reações5 comentários

3 min de leitura

Gabriela PereiraGosto quando a discussão sai do demo. Em ai, eu colocaria teste pequeno, responsável claro e caminho para voltar atrás.

Daniel Limaisso muda bastante quando entra produção

Ver todos os 5 comentários →