Learning SVG

Heads up! This course may be archived and/or unavailable.

The Scalable Vector Graphics (SVG) format is spreading rapidly across the web. Naturally responsive, SVG can scale from very big to very small, and graphics can be manipulated with code after they've been downloaded to a browser.  Join LinkedIn staff instructor Morten Rand-Hendriksen as he covers the basics of learning SVG. He covers the anatomy of SVG, including the internal structure that makes your SVG easy to ship over the web while maintaining maximum flexibility. He shows how to draw and manipulate SVG shapes, work with lines and text, and use strokes, fills, and patterns to make your SVGs look just right. Plus, find out how to convert an existing graphic design into SVG—maximizing accessibility while optimizing it for the web.

Contents:

• Introduction
• 1. SVG: Core Principles
• 2. Anatomy of an SVG
• 3. Creating SVGs in Code
• 4. Strokes, Markers, Gradients, and Patterns
• 5. Practical SVG
• Conclusion