From software basics to build tools to optimization, you’ll learn techniques for a solid workflow. Go deeper: create icon systems, explore sizing and animation, and understand when and how to implement fallbacks. Get your images up to speed and look sharp!

Practical SVG

Get things done, faster. Learn Agile/Scrum, Project Management, Freelancing and Outsourcing.

Workflow

Preface

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000070.png

The Basics of Using SVG

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000011.png

Software

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000041.png

Building an Icon System

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000031.png

Build Tools

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000033.png

Optimizing SVG

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000058.png

Sizing and Scaling SVG

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000083.png

Animating SVG

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000035.png

Some Design Features

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000061.png

Fallbacks

I’ve sprinkled links to resources through this book, and I hope you’ve followed them as they’ve cropped up. This section lists documentation, texts, sites, and tools that I find particularly valuable, but that I didn’t explicitly cover in the book or explore in detail. Many of these resources have interactive elements—the web is perfect for that; books, not so much. Be sure to check out these gems:

RESOURCES

Shortened URLs are numbered sequentially; the related long URLs are listed below for reference.

Practical SVG

Details

Description

Creator

Chris Coyier

Content

Reviews

Frequently Asked Questions

Practical SVG