Amelia Bellamy-Royds - Using SVG with CSS3 and HTML5: Vector Graphics for Web Design

SVG is a complex topic, but we have tried to arrange this book in a logical progression. begins with the wide view, discussing howand whyyou use SVG in web design:

• sketches out the possibilities of SVG as an independent image format.

• looks at SVG on the web, focusing on how it interacts with other coding languages.

• describes how CSS can be used to style your SVG, and how SVG graphics can be used with CSS to style other documents.

• introduces useful software for creating and testing SVG images, as well as some sources of ready-to-use SVG for less artistically-inclined web developers.

The remainder of the book will narrow in on each of the main features of SVG one chapter at a time. [Link to Come] concentrates on the core drawing elements in SVG, and how to control their geometry and layout:

• Sizing and positioning basic shapes, in [Link to Come]

• Defining custom shapes and lines, in [Link to Come]

• Text layout, in [Link to Come]

[Link to Come] dives into the technical details of how SVG documents are constructed and how vector shapes are positioned:

• Establishing coordinate systems and scale, in [Link to Come]

• Re-defining coordinate systems when embedding graphics in web pages, in [Link to Come]

• Re-using content and embedding images, in [Link to Come]

• Transforming coordinate systems to reposition and distort graphics, in [Link to Come]

[Link to Come] focuses more on the graphical side of the language:

• Filling the area of shapes and text, including gradients and patterns, in [Link to Come]

• Drawing outlines around shapes and text, in [Link to Come]

• Adding line markers (repeated symbols on the ends or corners of custom shapes), in [Link to Come]

• Controlling opacity and the blending of one graphic into its background, in [Link to Come]

• Clipping and masking of graphics, in [Link to Come]

• Filter effects, in [Link to Come]

[Link to Come] looks at how the basic structure of SVG images can be enhanced to create complete web applications, focusing on two main areas:

• Accessibility and metadata, in [Link to Come]

• Animation and interaction, in [Link to Come]

Once you have all the pieces in place, [Link to Come] returns to the big picture, discussing best practices for working with SVG.

This book focuses on Using SVG in web pages. It assumes that you, the reader, are already familiar with creating web pages, using HTML, CSS, and a little bit of JavaScript. When the examples use relatively new features of CSS 3 and HTML 5, well explain them briefly, but well assume you know a

Whether youre casually flipping through the book, or reading it meticulously cover-to-cover, you can get more from it by understanding the following little extras used to provide additional information.