Table of Contents
- SVG KICKSTART TUTORIAL #1
- SVG KICKSTART TUTORIAL #2
- 1. Introduction
- 2. Serving Up A Slice of SVG Pie
- 3. The Shape Of Things And Other Stuff
- 4. Colour Me Stupid
- 5. Basic Shapes And Colours Are Boring!
- 6. Don't Be A Tool, Use A Tool
- 7. Conclusion
After ensuring that readers can properly render and serve SVG content on their web server, we took a whirlwind tour of some basic functionality within SVG: Shapes, Colours and Paths. We also explored some best practices for SVG content: supply semantics of your SVG image using <title> and <desc> elements, label each SVG entity with a unique identifier, use liberal comments. We also looked at some options for tools/programs used to generate SVG images and a couple simple examples. With this knowledge, readers should be able to create basic SVG images for use on their websites.
With the basic underpinnings of SVG under our belts, we will move on to cover a wider range of useful functionality such as text, linking, grouping, referencing, and animation/scripting in future tutorials. For further reading, I recommend checking out SVG Basics and the SVG specification itself, they are excellent resources.