Simulating the Hand-Drawn 'Boiling' Effect with SVG Filters

2025-07-21
Simulating the Hand-Drawn 'Boiling' Effect with SVG Filters

This article details a method for simulating the 'boiling' effect, a common visual style in hand-drawn animation, using SVG filters. This effect creates the illusion of subtle movement by applying slight distortions to image edges. The author explains how to use the feTurbulence and feDisplacementMap filters to generate a noise texture and apply it to an image, and how to animate filter parameters with JavaScript to achieve the boiling effect. Interactive demos allow users to adjust parameters and observe the effect's changes. The author successfully uses simple SVG filters and JavaScript to simulate a realistic hand-drawn animation effect on the web.

Read more
Development

Say Goodbye to ERB: Crafting Email Templates in Pure Ruby with Phlex

2025-03-03
Say Goodbye to ERB: Crafting Email Templates in Pure Ruby with Phlex

Tired of using ERB for email templates in Rails? This article demonstrates how to use Phlex, a Ruby library, to write HTML email templates in pure Ruby, eliminating the hassle and inefficiency of ERB. The author details the steps to migrate from ERB to Phlex, including creating Phlex views and layouts, and using roadie-rails for inline styles, ultimately achieving the elegant goal of a zero-ERB Rails application. The article also includes complete code examples and test cases to help readers get started quickly.

Read more
Development Email Templates