SVG for Real-World Designs: Develop & Design

About

Features

    •    Full-color coverage of all students need to know, from design principles to integration with HTML, CSS, and JavaScript
    •    Requires less technical knowledge than any previous book on SVG
    •    Covers tools, techniques, responsive design, accessibility, animation, infographics, and more
    •    Helps students provide lightweight, interactive content for mobile devices without Flash or JavaScript
    •    Shows how to enhance SVG with libraries and frameworks

Description

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

Sample Content

Table of Contents

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

Updates

Submit Errata