SVG Book Links

Scalable Vector Graphics (SVG) is an XML-based markup language for describing two dimensional based vector graphics. SVG is essentially to graphics what HTML is to text.

SVG is a text-based open Web standard. It is explicitly designed to work with other web standards such as CSS, DOM, and SMIL.

SVG images and their related behaviors are defined in XML text files which means they can be searched, indexed, scripted and compressed. Additionally this means they can be created and edited with any text editor and with drawing software.

SVG Element Reference

Q. How are they doing the redirects? .htaccess file?

Introduction

• 1
• 2
• 3
• 4
• 5

Chapter 1 - The Basics of SVG

• 01-01 - SVG Example
• Example of using SVG as background-image 01-02
• Example 01-03
• Different uses of SVG
• Can I Use?

Chapter 2 - Software to build & edit SVGs

• Adobe Illustrator
• Sketch
• Inkscape
• Free online SVG Editor
• Method Draw free online Editor
• Method Draw on Github
• Mondrian on Github

Chapter 3 - Building an Icon System

• 1
• 2
• 3
• 4
• 5
• 6
• 7

Chapter 4 - Build Tools

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12

Chapter 5 - Optimizing SVG

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

Chapter 6 - Sizing & Scaling SVG

• 1
• 2
• 3
• 4
• 5

Chapter 7 - Animating SVG

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27

Chapter 8 - Some Design Features

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9

Chapter 9 - Fallbacks

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9

Chapter 10 (Conclusion)

• 1

Resources

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16

Can you insert SVG within a Pubwriter Site?

More SVG Resources:

• Fontawesome
• The font vs. svg debate

Top