Simulando el efecto de 'ebullición' dibujado a mano con filtros SVG

2025-07-21
Simulando el efecto de 'ebullición' dibujado a mano con filtros SVG

Este artículo describe un método para simular el efecto de 'ebullición', un estilo visual común en animaciones dibujadas a mano, utilizando filtros SVG. Este efecto crea la ilusión de movimiento sutil aplicando ligeras distorsiones a los bordes de la imagen. El autor explica cómo usar los filtros feTurbulence y feDisplacementMap para generar una textura de ruido y aplicarla a una imagen, y cómo animar los parámetros del filtro con JavaScript para crear el efecto de 'ebullición'. Las demostraciones interactivas permiten a los usuarios ajustar los parámetros y observar los cambios en el efecto. El autor logró usar filtros SVG simples y JavaScript para simular un efecto de animación dibujado a mano realista en la web.

Leer más
Desarrollo

Adiós, ERB: Creando plantillas de correo electrónico en Ruby puro con Phlex

2025-03-03
Adiós, ERB: Creando plantillas de correo electrónico en Ruby puro con Phlex

¿Cansado de usar ERB para plantillas de correo electrónico en Rails? Este artículo muestra cómo usar Phlex, una biblioteca Ruby, para escribir plantillas de correo electrónico HTML en Ruby puro, eliminando las molestias y la ineficiencia de ERB. El autor detalla los pasos para migrar de ERB a Phlex, incluyendo la creación de vistas y diseños de Phlex, y el uso de roadie-rails para estilos en línea, logrando finalmente el objetivo elegante de una aplicación Rails sin ERB. El artículo también incluye ejemplos de código completos y casos de prueba para ayudar a los lectores a comenzar rápidamente.

Leer más