SVG for Real-World Designs Develop & Design

  • ISBN13:


  • ISBN10:


  • Edition: 1st
  • Format: Paperback
  • Copyright: 7/13/2016
  • Publisher: Peachpit Press

Note: Supplemental materials are not guaranteed with Rental or Used book purchases.

Purchase Benefits

  • Free Shipping On Orders Over $59!
    Your order must be $59 or more to qualify for free economy shipping. Bulk sales, PO's, Marketplace items, eBooks and apparel do not qualify for this offer.
  • Get Rewarded for Ordering Your Textbooks! Enroll Now
List Price: $39.99 Save up to $14.00
  • Rent Book $25.99
    Add to Cart Free Shipping


Supplemental Materials

What is included with this book?

  • The New copy of this book will include any supplemental materials advertised. Please check the title of the book to determine if it should include any access cards, study guides, lab manuals, CDs, etc.
  • The Rental copy of this book is not guaranteed to include any supplemental materials. Typically, only the book itself is included. This is true even if the title states it includes any access cards, study guides, lab manuals, CDs, etc.


This full-color guide cuts through technical jargon to give you practical solutions for using vector graphics on web and mobile sites right now, as you prepare for the major improvements coming with the new SVG 2 standard. Requiring less technical knowledge than any previous book on SVG, SVG for Real-World Designs covers everything from core SVG design principles to special effects, responsive and mobile design to integration.


Writing for modern web/mobile designers and developers, Dudley Storey illuminates SVG's advantages and limitations, helps you decide where to apply it, and teaches all the skills you need to succeed. Storey covers:

  • Using Adobe Illustrator, Inkscape or Sketch to create effective SVG illustrations
  • Learning SVG's XML-based language in the context of real-world web use cases
  • Hand-coding to optimize your SVG images
  • Enhancing web pages and site experiences with scalable, customizable vector graphics
  • Delivering lightweight, interactive vector animation on mobile devices without Flash or JavaScript
  • Providing reliable fallback and support options for older browsers
  • Seamlessly integrating SVG with HTML, CSS, JavaScript, and other web content
  • Creating styled text that HTML and CSS can't match
  • Applying SVG technologies in responsive web development
  • Building SVG animations with CSS, JavaScript, SMIL, and the new Web Animations API
  • Generating "live" infographics, charts, and graphs from real-time data
  • Mastering the fundamental syntax of SVG and SVG 2
  • Integrating accessibility in SVG, and previewing accessibility enhancements in SVG 2
  • Enhancing SVG with libraries and frameworks, including Snap, Greensock, D3 and Raphael

Table of Contents

1. SVG Tools
2. SVG Basics
3. Integrating SVG with Web Page Content
4. SVG Text
5. Using SVG in Responsive Web Design
7. Animating SVG
8. Live SVG
9. SVG and Accessibility
10. Enhancing SVG with Libraries and Frameworks

Rewards Program

Write a Review