RelevantLatestTop

Yuri Esteves

2d atrás

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

3d atrás

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 →

Gabriela Pereira

10 de jun.

Resolvendo erro de importação de CSS em projetos Next.js com TypeScript

#css#typescript#nextjs

6 reações4 comentários

2 min de leitura

Wesley Teixeiraboa dica, eu já passei por isso. No meu caso, o que ajuda é sempre criar um arquivo de declarações pra esses arquivos que o TypeScript não reconhece de cara. Assim evita umas dores

Patricia Nogueiraajudou pra cacete

Ver todos os 4 comentários →

Mariana Macedo

10 de jun.

Como customizar as cores do Navbar do React Bootstrap no Next

#react#css#bootstrap

6 reações4 comentários

1 min de leitura

Nicolas XavierEu geralmente crio uma classe personalizada e uso a propriedadeimportant pra cuidar para que o estilo aplique. Não vejo problema em fazer assim, especialmente em projetos menores.

Otavio RamosSim, essa abordagem de theme customizado ajuda bastante na manutenção a longo prazo, evita ficar lidando com overrides no CSS toda hora.

Ver todos os 4 comentários →

Felipe Rocha

3 de jun.

Como remover o sublinhado de links no React com Bootstrap

#react#css#bootstrap

8 reações4 comentários

3 min de leitura

Rafa OpsBoa dica, mas cuidado pq se usar muitos estilos inline ou classes customizadas, o peso do CSS pode aumentar e impactar na performance da página, especialmente em apps maiores.

Mauro DadosInteressante essa abordagem. Aqui no meu time, a gente costuma usar variáveis CSS pra controlar esses detalhes, assim fica mais fácil ajusatr globalmente depois.

Ver todos os 4 comentários →

Felipe Rocha

2 de jun.

Como remover a linha sublinhada de links no React com Bootstrap

#react#css#bootstrap

10 reações4 comentários

1 min de leitura

pixeldevBoa dica, mas cuidado ao aplicar estilos globais. Aqui no meu time, criamos classes específicas pra não afetar outros componentes.

buildzinhoEu faria assim também, mas às vezes o Bootstrap tem regras específicas que precisam de maior peso. Nesse caso, usar important às vezes ajuda, mas não é ideal.

Ver todos os 4 comentários →

buildzinho

27 de mai.

Animação SVG com @keyframes pura e sem dependências

#css#animations#svg

6 reações4 comentários

2 min de leitura

pixeldevEu acho que o maior desafio é exatamente esse controle de sincronização, principalmente quando a animação envolve vários elementos. Às vezes, o delay fica difícil de ajustar sem te

Felipe RochaConcordo, pixel. Além disso, o cuidado com o ciclo de animação é bem importante pra evitar efeitos visuais estranhos ou travamentos.

Ver todos os 4 comentários →