Todo mundo que já precisou garantir que um componente React se comporte corretamente a partir de parâmetros passados pela url já enfrentou algum nível de dificuldade com testes. Uma das primeiras estratégias utilizadas para simular o caso de uso é tentar definir search params na url antes da montagem do componente. Algo como: Mas ao ap...
Há mais ou menos dois meses, enquanto implementava o Bordiple, uma situação inédita surgiu no momento em que eu escrevia um teste automatizado. Como um dos objetivos do Bordiple é facilitar o dia-a-dia de programadores front-end, código CSS é automaticamente gerado na medida em que as bordas são definidas via interface gráfica. Código ...
Era mais ou menos metade de 2020 quando ouvi Plausible pela primeira vez. Era um tweet de Jason Fried elogiando o serviço, uma ferramenta de Web Analytics. Jason destacava a abordagem não invasiva que o Plausible adota para medir a utilização de um website. Diferentemente do Google Analytics, o Plausible não usa cookies, não cruza dado...
Ao terminar de escrever meu último post sobre elementos com múltiplas bordas usando apenas CSS, fiquei pensando o quão produtivo seria se houvesse uma ferramenta online que auxiliasse designers e programadores a criar e visualizar elementos com múltiplas bordas. Como não encontrei nenhuma, decidi criar o Bordiple. Pré visualize e compa...
Ainda que o CSS seja extremamente poderoso, alguns estilos podem acabar encontrando limitações na maneira usual de usar a linguagem, exigindo do desenvolvedor um certo grau de criatividade na hora de manipular suas folhas de estilo. Definir múltiplas bordas para um elemento é um exemplo perfeito desses casos. Como seria bom se pudéssem...
Desde que criei uma biblioteca de compoentes chamada Taslonic, venho descobrindo o quanto o HTML é nativamente mais poderoso do que eu imaginava. O quanto é versátil. O quanto é intrisicamente integrado ao sistema operacional de qualquer dispositivo. Em breves palavras, o quanto essa tecnologia, não raro menosprezada, pode alavancar a ...
Escrever testes que interajam com os elementos da tela através de seus papéis (roles) é uma boa estratégia para assegurar a correta semântica de um documento HTML. Em termos de estrutura e acessibilidade, é crucial que um título desempenhe o papel de heading, que um select desempenhe o papel de combobox—ou listbox—, que um textarea des...
Requisições desnecessárias produzem uma sobrecarga que prejudica tanto a quem serve os dados quanto a quem os consome, já que ambos desperdiçam recursos trafegando dados que não serão utilizados. Uma das estratégias mais populares para evitar requisições desnecessárias é o Debounce. Segundo o Wiktionary, o termo junta de + bounce e, em...
Em setembro do ano passado, uma nova funcionalidade foi adicionada ao Pitsby. Passava a ser possível importar scripts do tipo module. Para isso, bastava incluir na lista de scripts definidos no arquivo de configuração um objeto contendo o atributo referente ao tipo: Poucos meses se passaram e um problema se tornou evidente. Só era poss...
Embora não tão comum, você pode acabar se deparando com a situação onde precisa excluir diversas tags Git do seu projeto. Veja a seguir alguns comandos que podem ajudar nessa tarefa e escolha aquele que melhor se ajusta à sua necessidade. Existem algumas maneiras de excluir mais de uma tag de uma só vez. A maneira mais direta é simples...