Learn how to use Scalable Vector Graphics (SVG) to modernize web interfaces without compromising code-based workflows. The course covers SVG overview, types, creation, attributes, blend modes, drawing, symbols, clipping, filters, custom shapes, and documentation. The teaching method involves practical demonstrations and examples. This course is intended for web developers and designers looking to enhance their UI design skills with SVG.
Overview
Syllabus
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
Taught by
NDC Conferences