-->
. . .
.

"Teach Yourself SVG in 24 Hours" covers the basics of the technology. After reading this book, you will have a solid understanding of how to create SVG.

The book is broken into 24 1-hour chapters. Each chapter concludes with Summary, Questions & Answers, and Workshop.

The table of contents are as follows:

  • SVG FUNDAMENTALS.

    • Introduction.

    • Hour 1. Getting Started with SVG.

      • Advantages of Using SVG.

      • Disadvantages of Using SVG.

      • What Spurred the Development of SVG?

      • What Does SVG Offer Designers?

      • What Does SVG Offer Developers?

      • How Does SVG Compare with Flash?

      • What Does SVG Offer You?

      • SVG Needs You!

      • What Will You Get out of This Book?

    • Hour 2. SVG's Foundation.

      • Syntax.

      • Structure.

    • Hour 3. Viewing SVG.

      • Understanding Limitations.

      • What Environments Can View SVG?

      • Implementation.

    • Hour 4. Document Layout.

      • Understanding SVG Document System.

      • Using the viewBox.

      • Creating a Resizable Document.

    • Hour 5. SVG's Shape Toolbox.

      • Basic Shapes.

      • Paths.

  • MANIPULATING SVG.

    • Hour 6. Styling SVG.

      • The Style Attribute.

      • Inline CSS Property Declarations.

      • Creating a Style Sheet.

      • Grouping Styles.

      • Organizing Your Style Sheet.

      • Storing and Accessing Style Sheets.

    • Hour 7. Painting.

      • Working with Color.

      • Applying a Fill. Applying a Stroke.

      • Setting Transparency.

      • Creating Gradients.

      • Creating Patterns.

    • Hour 8. Symbols.

      • Creating Symbols andDefinitions.

    • Hour 9. Masking and Clipping.

      • Masking.

      • Clipping.

    • Hour 10. Using Filters.

      • Understanding Filters.

      • Using Filters.

      • Blurring Images with feGaussianBlur.

      • Moving Objects with feOffset.

      • Merging Filter Primitives with feMerge.

      • Creating Textures with feTurbulence.

      • Taming feTurbulence Effects' Display with feComposite.

      • Creating New Filters.

    • Hour 11. Images.

      • Using the image Element.

      • Allowed Filetypes.

      • SVG in SVG.

  • BRINGING SVG TO LIFE.

    • Hour 12. Time.

      • Understanding How Time Unfolds in SVG.

      • Using keyTimes.

      • Using Time Dependencies.

    • Hour 13. Interaction.

      • Hyperlinks.

      • Using the set Element.

    • Hour 14. Transforms.

      • Introduction to Transformations.

      • Transforming with the translate Property.

      • Transforming with the scale Property.

      • Transforming Using the skewX and skewY Properties.

      • Transforming Using the rotate Property.

      • Applying Multiple Transform Operations.

    • Hour 15. Animation.

      • Understanding Motion.

      • Animating Basic Attribute Transitions.

      • Animating an Object's Location.

      • Animating Transformation.

      • Animating Color Transitions.

      • Repeating Animations.

      • Frame-Based Animation.

  • TEXT AND TYPOGRAPHY.

    • Hour 16. Formatting.

      • Understanding Text with SVG.

      • Including Text in Your Document.

      • Text Boxes.

      • Adjusting Margins and Leading with the dx and dy Attributes.

      • Size.

      • Spacing.

      • Justification.

      • Text Along a Path.

    • Hour 17. Typefaces.

      • Understanding Typefaces.

      • Font Classifications.

      • System Fonts.

      • SVG Fonts.

      • Kerning.

      • Type Quality.

  • USING JAVASCRIPT TO UNLEASH SVG.

    • Hour 18. JavaScript.

      • Using Scripts in SVG.

      • Viewer Detection.

      • Enhancing Animation Performance.

    • Hour 19. Using JavaScript to Create Dynamic Content.

      • Understanding Dynamic Graphics.

      • Designing SVG for Dynamic Content.

      • Preparing Your Graphic for Dynamic Content.

      • Localizing SVG Graphics.

      • Creating Dynamic Content.

  • SVG MASTERY.

    • Hour 20. Organizing and Optimizing Your Code.

      • Separation of Design and Engineering.

      • Development Process Coding with Basic Elements.

      • Detailing Code Terminology.

      • Annotating Documents.

      • Locating Document Elements

      • Attribute Organization

      • Style Sheet Organization.

      • Compression.

    • Hour 21. Using Adobe Illustrator to Create Artwork.

      • Layers.

      • Style.

      • Positioning.

      • Cleaning Up Your Code.

    • Hour 22. Overcoming Common Problems.

      • Animation.

      • Typography.

      • Display.

      • Style Sheet Organization.

      • AOL Image Display.

      • Troubleshooting Issues.

    • Hour 23. Applying Your Knowledge.

      • The Code.

      • Stepping Stones.

    • Hour 24. References.

      • Technology Comparison.

      • Viewer Compatibility.

      • Tools to Create SVG.

      • SVG References.

  • Appendix.

    • Color Name and Hex Value Reference Table.

    • Graph Paper

  • Index.

.

"Teach Yourself SVG in 24 Hours," by Micah Laaker, is a step-by-step instructional guide designed to get you up to speed with Scalable Vector Graphics in a very short timeframe.

What you will learn from the book:

  • Learn the fundamental concepts of SVG document creation

  • Explore SVG using tools you currently own

  • Embed actual typefaces within your portable SVG content

  • Animate your artwork and include interactive elements

  • Use Photoshop-like filter effects on your vector graphics

  • See how JavaScript can enhance SVG’s functionality and performance

  • Get inside knowledge into overcoming common pitfalls of commercial SVG development

  • Learn practical SVG production methods for development teams

 .

.
. . . . . . . . . . . .