SVG for Real-World Designs

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