FREELessons: 8Length: 52 minutes
SVG technology has been around for years, but it has only recently started gaining wide usage. In this course, I’ll show you how to combine multiple scalable sprite images into a single SVG and display them on your web pages. The techniques discussed in this course will put you on track to create icon sets which are conveniently contained in a single file.
Learn how to use Gulp to build an SVG sprite system in our Coffee Break Course:
1.Introduction1 lesson, 01:26
1 lesson, 01:26
1.1Introduction01:26
1.1
Introduction
01:26
2.Inline SVG Sprites3 lessons, 26:54
3 lessons, 26:54
2.1Creating an SVG08:45
2.1
Creating an SVG
08:45
2.2Combining Multiple Sprites09:04
2.2
Combining Multiple Sprites
09:04
2.3Making “Use” of Your Sprites09:05
2.3
Making “Use” of Your Sprites
09:05
3.SVG Cropping3 lessons, 21:50
3 lessons, 21:50
3.1Preparing Your SVG in Adobe Illustrator07:22
3.1
Preparing Your SVG in Adobe Illustrator
07:22
3.2Understanding the Viewbox05:11
3.2
Understanding the Viewbox
05:11
3.3Cropping Your Graphics09:17
3.3
Cropping Your Graphics
09:17
4.Conclusion1 lesson, 01:26
1 lesson, 01:26
4.1Final Thoughts01:26
4.1
Final Thoughts
01:26
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then,
he has constantly sought new and exciting ways to make
beautiful things on computers.