RelevantLatestTop

Igor Lima

2d atrás

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

2d atrás

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

3d atrás

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

3d atrás

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 →

Patricia Almeida

8 de jul.

Reforçar aprendizado de HTML, CSS e JavaScript com prática manual é suficiente?

#javascript#css#html

9 reações3 comentários

2 min de leitura

Rafael EstevesEu também já tentei só reescrever tudo, mas percebi que entender o raciocínio por trás de cada elemento faz a diferença. Testar em projetos pequenos ajuda bastante.

Gabriela BarrosNo meu time, a gente sempre recomenda fazer testes rápidos e projetos próprios. Ajuda demais a entender o funcionamento real do código.

Ver todos os 3 comentários →

Mariana Pereira

7 de jul.

Reforçar aprendizado de HTML, CSS e JavaScript com prática manual

#javascript#css#html

9 reações4 comentários

1 min de leitura

Bruno TeixeiraNo meu time, vejo que quem só repete código acaba tendo dificuldade na hora de resolver problemas novos. A prática de entender o porquê das coisas faz toda diferença.

Ana BarrosJá passei por isso também. No começo, fazer do jeito que o post falou ajuda a pegar o ritmo, mas sem entender o porquê, fica difícil avançar na hora de lidar com bugs ou novas feat

Ver todos os 4 comentários →

Aline Costa

14 de jun.

Atualizações de UI com view transition e pseudo classes CSS

#css#frontend#transições

7 reações2 comentários

2 min de leitura

Otavio RamosNo meu time, o que pega bastante é que muitas vezes a API de view transition ainda não está madura o suficiente pra lidar com pseudo classes como:checked. Acho que o controle diret

Ver todos os 2 comentários →