Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Constructing Modern UIs with SVG

NDC Conferences via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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.

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

Reviews

Start your review of Constructing Modern UIs with SVG

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.