Contents

• Popular image formats on the web
• HTML tags
• SVG vs PNG
• SVG vs PNG - stretched
• Edit SVG in Inkscape
• SVG inline in CSS
• SVG is XML (which is text)
• An image made of rectangles
• SVG elements directly in HTML
• Style with CSS
• Manipulate with Javascript
• Build a UI with SVG
• Adapt UI to screen size
• Dashed lines on paths
• Dotted lines on paths
• Long dashed lines on paths
• Animated dash offset
• One-line drawing by Tyler Foust
• Related links