RelevantLatestTop

Patricia Queiroz

5d atrás

Ajustando a opacidade do centerPadding no slick.js sem afetar os itens do carrossel

#javascript#css#slick js

9 reações3 comentários

8 min de leitura

Tiago MacedoBoa dica, eu faria assim, mas acho que fica complicado em layouts responsivos. Já tentou usar o backdropfilter pra esse efeito?

Sofia LimaConcordo, o impacto na responsividade é real. Acho que o melhor é definir limites máximos pro padding e trabalhar com variáveis de CSS pra ajustar na mão.

Ver todos os 3 comentários →

Patricia Oliveira

27 de set.

Como implementar uma animação de desaparecimento de elementos HTML usando CSS e JavaScript

#javascript#css#ui

13 reações5 comentários

5 min de leitura

Bruno QueirozExcelente dica, essa abordagem de usar o evento transitionend realmente resolve o problema do desaparecimento suave sem precisar de timers fixos. Já tive situações onde timers falh

Rafael LimaComo assim?

Ver todos os 5 comentários →

Nicolas Freitas

20 de ago.

Posicionamento fixo de elementos em interfaces web desafios e soluções práticas

#javascript#css#layout

11 reações6 comentários

10 min de leitura

Mariana SantanaAcho que o ponto de atenção é sempre a responsividade.

Tiago LimaBoa reflexão. Eu, particularmente, uso bastante a combinação de position: fixed com cálculos em JS quando o layout é muito dinâmico. Mas sempre parto do princípio de que menos é ma

Ver todos os 6 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 →

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 →

Mariana Oliveira

6 de ago.

Controle de fade-in e fade-out com JavaScript e CSS sem efeitos colaterais

#javascript#css#animations

10 reações4 comentários

4 min de leitura

Mariana PereiraGostei da abordagem, usar classes CSS para controlar a visibilidade realmente ajuda a evitar bugs de opacidade. Já passei por isso com elementos que ficavam invisíveis, mas ainda o

Ana VieiraCurti, o uso de transições CSS é realmente mais elegante. Mas às vezes, em projetos mais complexos, a manipulação de classes fica difícil com muitas animações ao mesmo tempo.

Ver todos os 4 comentários →

Leandro Esteves

27 de jul.

Manipulação de estilos em Shadow DOM com base na hierarquia do DOM externo

#css#shadow dom#dom

5 reações4 comentários

3 min de leitura

Nicolas DantasPois é, essa limitação do CSS acaba forçando a gente a usar JS pra essa comunicação. No meu time, a gente faz um evento disparado pelo script que monitora o DOM externo e atualiza

Leandro RamosNo meu caso, evitar dependências complexas foi melhor. Criei uma API simples no JS que controla o estado do componente, e aí o CSS só reage a atributos ou classes. Assim, fica mais

Ver todos os 4 comentários →

Yuri Esteves

18 de jul.

Integrar autoprefixer no projeto Vite e React dá trabalho às vezes

#react#css#vite

6 reações4 comentários

1 min de leitura

Patricia GomesConcordo, essa parte de configuração de build sempre dá dor de cabeça. Pra evitar isso, eu sempre reviso se o postcss está na raiz e se os plugins estão bem definidos. Mas, às veze

Vivian PereiraNo meu time, a gente faz um teste isolado com um arquivo CSS simples e verifica se o prefixo aparece. Se não, aí é questão de configuração do postcss ou do vite.config. É um passo

Ver todos os 4 comentários →

Rafael Campos

17 de jul.

Integrando autoprefixer no Vite com React para evitar dores de cabeça

#react#css#vite

8 reações3 comentários

1 min de leitura

Igor DantasJá passou por isso, o segredo é conferir se o postcss.config.js está na raiz e se o pacote do autoprefixer está atualizado. Às vezes, o problema é só a versão mesmo.

Bruno SantanaConcordo o impacto pratico disso pesa na compatibilidade.

Ver todos os 3 comentários →