Constructing Modern UIs with SVG

Explore the future of web interface design in this 53-minute conference talk on constructing modern UIs with Scalable Vector Graphics (SVG). Learn how SVG can revolutionize UI design without sacrificing code-based workflows. Discover the various types of SVG, creation methods, and generation techniques. Delve into SVG attributes, blend modes, and drawing techniques. Explore advanced concepts such as symbols, clipping, and filters, including displacement maps and Gaussian blur. Gain insights into creating custom shapes and heart points. Understand the importance of documentation in SVG implementation. By the end of this talk, acquire the knowledge to modernize web UIs and bring a touch of the future to your applications.

Introduction
SVG Overview
Why Use SVG
Types of SVG
Creating SVG
Generating SVG
SVG attributes
Blend modes
Drawing in SVG
Symbols
Clipping
Filters
Filter CSS attribute
Filter Effect Displacement Map
Gaussian Blur
Heart Points
Custom Shapes
Documentation
Conclusion