SVG Fundamentals
Pluralsight
Course Summary
This course covers the essentials of SVG, including what they are, how to create them, how to use them, common elements, sprites, animation, and more.
-
+
Course Description
This course will familiarize web designers and developers with the fundamentals of the scalable vector graphics image format. Viewers will learn what scalable vector graphics are, how to create them, different ways to implement them, when it makes sense to use them, a variety of what can be done with them, and what to look out for when using them.
-
+
Course Syllabus
Introduction to SVG- 15m 5s
—Introduction 1m 26s
—What Exactly Is SVG? 1m 21s
—When to Use an SVG 1m 9s
—How to Create an SVG 5m 27s
—How to Use SVGs 4m 46s
—Summary 0m 54sWorking with SVG Code- 26m 46s
—Introduction 0m 43s
—Introduction to SVG Layout 2m 9s
—The viewBox 2m 6s
—preserveAspectRatio 3m 52s
—An Introduction to SVG Elements 2m 48s
—SVG Graphical Elements 4m 36s
—SVG Container Elements 1m 34s
—SVG Gradient Elements 2m 37s
—SVG Animation Elements 2m 37s
—Styling SVGs with CSS 2m 39s
—Summary 1m 1sD.R.Y. Out Inline SVG Code with SVG "Sprites"- 16m 23sAnimating SVG- 14m 54sSVG Optimization, Browser Support, Resources, and Examples- 16m 34s
This course is listed under
Development & Implementations
, Digital Media & Games
and E-Commerce
Community
Related Posts:
