Using SVG with CSS3 and HTML5 — Supplementary Material

Example code and online extras for the O'Reilly Media book by Amelia Bellamy-Royds, Kurt Cagle, and Dudley Storey.

SVG Reference Guides

The book focuses on helping you understand how features of SVG work. But at the end of it all, you still need to know the exact syntax and code to tell the computer what to draw. And we don't expect you to memorize everything.

These reference guides try to provide the bare minimum to help remind you of all the elements, attributes, style properties, functions, and keywords. You can easily look up the spelling or capitalization of a value, and you can quickly confirm the differences between the options. It's a little more detail than you can find on MDN, but not nearly as overwhelming as searching through the SVG standards.

The Guides#

  1. SVG Elements and Attributes
  2. SVG Style Properties
  3. Embedding SVG in HTML
  4. Select SVG DOM Methods and Objects
  5. Units for Measurements
  6. Path commands
  7. Transform Functions
  8. CSS Shape Functions
  9. Shorthand Filter Functions
  10. Blend Modes