SVG for Real-World Designs: Develop & Design

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