Oba! Enfim nos encontramos.
Meu nome é Rafael. Comecei minha carreira em 2005 como designer gráfico e em 2013 virei programador. Desde então, tenho me divertido criando produtos e compartilhando aprendizados no meu blog.
Projetos prediletos
Veedgee
NovidadeVeedgee varre diversos sites de venda de ingresso, e lista os melhores eventos acontecendo no sul do Brasil.
Glorious Demo
PremiadoBiblioteca JavaScript que simula um editor e um terminal para demonstrar algum código em ação. Conquistou "Product of the Day" no Product Hunt e 3k+ estrelas no Github.
Posts recentes
Como transformar HTML em imagem facilmente via NodeJS ou via Browser
Seja exportando um gráfico, ou gerando imagens com textos dinâmicos, o processo de transformação de HTML em imagem pode vir a calhar para diversas situações do dia a dia. Este post explica como fazer esta tranformação tanto no servidor (NodeJS), quanto no próprio browser.
Condicionando deployments no Vercel ao sucesso da integração no CircleCI
Ao conectar um repositório do GitHub ao Vercel, cada novo commit na branch principal significa automaticamente um novo deploy em produção. Se essa experiência remove bastante configuração por um lado, por outro acaba ignorando a integração contínua e libera novas versões da aplicação mesmo com testes quebrando. Aprenda como desfazer essa 'facilidade' e condicionar os deploys de produção ao sucesso da integração contínua.
Validando formulários React facilmente sem bibliotecas
Ao longo dos últimos anos, experimentei algumas bibliotecas que prometiam simplificar o trabalho de validação de um formulário React. Minha conclusão é que elas são desagradavelmente invasivas e tornam o código desnecessariamente complexo. Neste post, compartilho uma abordagem livre de código terceiro que tem resolvido de maneira estupidamente simples a validação dos meus formulários.
Usando CSS :has para estilizar um elemento pai no foco de um elemento filho
Depois de tentar me familiarizar com a pseudo classe :has lendo diversos artigos que utilizavam casos de uso não tão comuns ao dia a dia de um programador frontend, me deparei com um caso real no meu próprio site em que o uso do :has caiu como uma luva. Neste post, eu detalho como o :has pode eliminar o que, há não muito tempo atrás, era feito com auxílio de JavaScript.
Convertendo arquivos mov para mp4 no macOS
Ao apresentar um vídeo ao invés de uma animação gif, é possível manter a mesma qualidade visual pagando um preço muito menor no tamanho do arquivo. Mas se você já fez uma captura em vídeo da tela do seu Mac para demonstrar algum passo-a-passo, já percebeu que o formato do arquivo gerado é mov. Descubra como converter mov em mp4 usando uma ferramenta de linha de comando gratuita.
Cálculo de font size clamp explicado de maneira fácil
Quando comparada com a estratégia baseada em media queries, a função clamp tem a vantagem de tornar o tamanho do texto responsivo exigindo para isso pouquíssimo código. Porém, embora dois dos parâmetros recebidos por esta função sejam bastante intuitivos, um terceiro parâmetro pode deixar qualquer programador confuso. Este post explica de maneira fácil o que este terceiro parâmetro significa e como ele funciona.