RelevantLatestTop

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 →

Lucas Mendonça

19 de mai.

Fazendo o layout de um tabuleiro de xadrez responsivo com CSS puro

#css#layout#responsivo

11 reações3 comentários

2 min de leitura

Bruno TavaresNo meu time, eu faria assim: usar grid com áreas definidas pros painéis e o tabuleiro. Aí, ajusta tudo com fr e auto, fica bem controlado. Mas cuidado com conteúdo dinâmico, pode p

pixeldevhum, na moral, o impacto na interface pesa bastante na experiência. Se o painel da direita fica grudado ao tabuleiro, acho que dá pra usar display: flex com gap: 0 e ajustar as lar

Ver todos os 3 comentários →

buildzinho

19 de mai.

Organizando layouts complexos em React e Next com CSS puro

#react#css#layout

3 reações3 comentários

2 min de leitura

Felipe RochaAcho que a chave é usar grid com áreas bem definidas e evitar margens ou gaps que criem espaços indesejados. Aqui no meu time, a gente sempre tenta deixar o CSS o mais determinísti

stackbrNo meu caso, o problema sempre é quando o painel direito tem conteúdo variável. Aí, tive que criar uma altura mínima pra cuidar para que o layout não quebre. Vocês já passaram por

Ver todos os 3 comentários →

guto.dev

19 de mai.

Layout de tabuleiro de xadrez responsivo usando apenas CSS

#css#layout#responsivo

8 reações3 comentários

2 min de leitura

Bruno SRENo meu time, sempre tento evitar usar container queries demais, pq às vezes complicam o layout. Nesse caso, acho que um flex com flex shrink: 0 e aspect ratio: 1 resolve bem. Mas c

stackbrhum, mas e se a tela for muito pequena?

Ver todos os 3 comentários →

Eduardo Henrique

15 de mai.

Custo de manter estilos globais no Next.js sem complicar o projeto

#css#nextjs#manutenção

6 reações5 comentários

1 min de leitura

buildzinhoConcordo, mano. Aqui na front, a gente tenta sempre separar bem as dependências e usar versões fixas. Mas dá trabalho depois pra manter tudo sincronizado.

Carol FigueiredoQuem cuida de tempo de feedback quando esse React/Next sair da fase de empolgação?

Ver todos os 5 comentários →