A rolagem suave entre seções de uma mesma página oferece uma experiência fluida e agradável aos visitantes, mas como testar e melhor implementar um componente que seja facilmente reutilizável em outras telas do site ou da aplicação? A solução sugerida por esse post usa Jest, Testing Library e React.
Flexbox é de longe um dos recursos do CSS mais difíceis de se familiarizar. Por trás da sua complexidade se esconde porém um tremendo poder. Neste texto você vai descobrir como resolver, de uma maneira robusta e muito simples, um desafio super comum em layouts flexíveis.
Lidar com textos planos em arquivos de tradução é uma atividade trivial. Mas quando parte desse texto precisa estar em negrito ou possui um link, alguns desafios podem surgir a sua frente. Descubra como superar esses desafios com a ajuda da biblioteca i18next.
Os botões Copiar estão hoje por toda a parte na internet. Usar o teclado para copiar dados de um site nos dias atuais soa desconfortável. Mas seria possível escrever testes que acessem dados armazenados na área de transferência?
O uso de search params em aplicações front-end é frequentemente utilizado. Mas testar o comportamento de componentes que dependem desses parâmetros pode não ser tão simples quanto gostaríamos. Entenda como simular os parâmetros encontrados na url de maneira simples e direta com o uso da History API.
Uma das tarefas mais triviais em testes escritos com a Testing Library é assegurar que um texto gerado dinamicamente está presente no documento. Mas e se esse texto estiver indentado, como garantir que tanto o texto quando a indentação estão corretos?
Após ter conhecido um serviço chamado Plausible em 2020, comecei a remover o Google Analytics dos meus sites, um a um, até me tornar totalmente livre do serviço do Google em Fevereiro deste ano.
Depois de não encontrar qualquer ferramenta desse tipo, decidi facilitar a vida de programadores e designers que precisam usar múltiplas bordas em suas criações.
Embora muito poderoso, até o CSS tem suas limitações. Um dos momentos em que você percebe isso perfeitamente é na hora de definir múltiplas bordas para um mesmo elemento. Com um pouco de criatividade porém, é completamente possível alcançar o estilo que você deseja.
Explore o poder do HTML nativo e experimente vários elementos que podem impulsionar sua produtividade e reduzir a quantidade de código a ser escrito, graças à versatilidade do HTML e à sua integração harmoniosa com sistemas operacionais de qualquer dispositivo.