SVG and Generative AI: Rethinking Interactive Imagery on Your Website

on YouTube ↗30m

" summary

Introduces using SVG for responsive, pixel-perfect interactive graphics on the web and shows how generative AI can simplify and automate working with SVG path data. Covers practical examples and live-generated SVGs, demonstrating how minimal JavaScript plus AI can adapt vector images to users and screens.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 3:13Why SVG for badges
3. 8:12SVG flexibility
4. 13:12AI demo for SVG
5. 21:13Lightsaber animation
6. 23:28Solar landscape animation
7. 26:38AI models for SVG
8. 29:44Conclusion

" related talks

• 36mNon-obvious SVG Capabilities in Modern FrontendKonstantin Ostrov · HolyJS 2023 Spring
• 49mSVG in motionSara Soueidan · ffconf 2015
• 38mSVG can do that?!Sarah Drasner · Full Stack Fest 2017
• 51mSmart SVGs: transforming the future of graphicsHeather Neff · Inclusive Design 24 2024
• 39mBuilding Better Interfaces With SVGSara Soueidan · CSSConf Australia 2015
• 46mThe SVG RealitySebastiaan Deckers · CSSConf.Asia 2014
• 46mGUI automation of a WEB application with SVG graphicsVladymyr Trandafylov · QA Fest 2019
• 05mWill You Help Me End Pixelated Images on the InternetJulka Grodel · FrontCon 2018