SVGs in Drupal Frontends - Creating configurable blazing effects
summary
Shows how inline SVGs renderable in Twig become data driven assets controllable from Drupal content types and paragraph fields, letting backend editors change color, speed, day/night and select filters. Demonstrates include in Twig to pass field values, uses CSS and JS plus SVG animate elements and SVG filters applied to raster images, recommends Inkscape for editing and cleaning metadata, and ships a working demo site and GitHub repo so the examples actually run. paragraph field variables
AI-written summary · about
chapters (15)
- 0:00Intro
- 0:30Welcome
- 3:40Advantages of SVG
- 4:47Comparing with SVG images
- 6:25Style SVG images
- 7:47Animation SVG elements
- 9:38Path elements
- 10:28Examples
- 13:58Filters
- 15:37Metadata
- 16:56HTML
- 18:16SVGs
- 18:51Animations
- 25:42City Trip Example
- 31:32Thank you
