Simulando o Efeito de 'Fervura' Desenhado à Mão com Filtros SVG

2025-07-21
Simulando o Efeito de 'Fervura' Desenhado à Mão com Filtros SVG

Este artigo descreve um método para simular o efeito de 'fervura', um estilo visual comum em animações desenhadas à mão, usando filtros SVG. Esse efeito cria a ilusão de movimento sutil aplicando distorções leves às bordas da imagem. O autor explica como usar os filtros feTurbulence e feDisplacementMap para gerar uma textura de ruído e aplicá-la a uma imagem, e como animar os parâmetros do filtro com JavaScript para criar o efeito de 'fervura'. Demos interativos permitem que os usuários ajustem os parâmetros e observem as mudanças no efeito. O autor conseguiu usar filtros SVG simples e JavaScript para simular um efeito de animação desenhado à mão realista na web.

Leia mais
Desenvolvimento

Adeus, ERB! Criando modelos de e-mail em Ruby puro com Phlex

2025-03-03
Adeus, ERB! Criando modelos de e-mail em Ruby puro com Phlex

Cansado de usar ERB para modelos de e-mail em Rails? Este artigo mostra como usar o Phlex, uma biblioteca Ruby, para escrever modelos de e-mail HTML em Ruby puro, eliminando a dificuldade e ineficiência do ERB. O autor detalha as etapas para migrar do ERB para o Phlex, incluindo a criação de visualizações e layouts do Phlex, e o uso do roadie-rails para estilos embutidos, alcançando, finalmente, o objetivo elegante de um aplicativo Rails sem ERB. O artigo também inclui exemplos de código completos e casos de teste para ajudar os leitores a começar rapidamente.

Leia mais
Desenvolvimento Modelos de E-mail