Using SVG with CSS3 and HTML5. Vector Graphics for Web Design (e-book)

Using SVG with CSS3 and HTML5. Vector Graphics for Web Design (e-book) - Opis

Using Scalable Vector Graphics (SVG) for illustrations only scratches the surface of this format...s potential on the web. With this practical guide, you...ll learn how to use SVG not only for illustrations but also as graphical documents that you can integrate into complex HTML5 web pages, and style with custom CSS. Web developers will discover ways to adapt designs by adding data based graphics, dynamic styles, interaction, or animation.Divided into five parts, this book includes:SVG on the web: Understand how SVG works with HTML, CSS, and JavaScript to define graphicsDrawing with markup: Learn the vector language of x and y coordinates that let SVG create basic and custom shapesPutting graphics in their place: Use the coordinate system to draw SVG shapes and text at different scales and positionsArtistic touches: Explore how color is used, how strokes are created and manipulated, and how graphical effects like filters, clipping, and masking are appliedSVG as an application: Make your graphic more accessible to humans and computers, and learn how to make it interactive or animated Spis treści: PrefaceA Winding PathThe Road AheadBefore You BeginAbout This BookConventions Used in This BookSupplementary MaterialAbout the ExamplesOReilly SafariHow to Contact UsAcknowledgmentsI. SVG on the Web1. Graphics from VectorsDefining an SVG in CodeSimple ShapesStandalone SVGStyle and StructureRepetition Without RedundancyGraduating to GradientsActivating AnimationTalking with TextThe SVG AdvantageSummary: An Overview of SVG2. The Big PictureSVG and the Web PlatformThe Changing (...) więcej WebJavaScript in SVGEmbedding SVG in Web PagesSVG as an HTML ImageInteractive Embedded SVGUsing SVG in HTML5 DocumentsUsing SVG with CSS3Summary: SVG and the Web3. A Sense of StyleCSS in SVGStyle DeclarationsPresentation attributesInline stylesA mniej