Beginning SVG a practical introduction to SVG using real-world examples

Develop SVG functionality for use within websites quickly and natively, using basic tools such as HTML and CSS. This book is a project-oriented guide to creating and manipulating scalable vector graphics in the browser for websites or online applications, using little more than a text editor or free...

Full description

Bibliographic Details
Main Author: Libby, Alex
Format: eBook
Language:English
Published: New York, NY Apress 2018
Subjects:
Online Access:
Collection: O'Reilly - Collection details see MPG.ReNa
LEADER 06093nmm a2200553 u 4500
001 EB001910974
003 EBX01000000000000001073876
005 00000000000000.0
007 cr|||||||||||||||||||||
008 210123 ||| eng
020 |a 1484237609 
020 |a 9781484237601 
020 |a 9781484237618 
050 4 |a T385 
100 1 |a Libby, Alex 
245 0 0 |a Beginning SVG  |b a practical introduction to SVG using real-world examples  |c Alex Libby 
260 |a New York, NY  |b Apress  |c 2018 
300 |a 1 online resource 
505 0 |a Includes bibliographical references and index 
505 0 |a Exploring How the Code WorksEmbedding Other Content; Adding Videos; Implementing a Real-World Example; Understanding How It Works; Summary; Chapter 4: Sizing SVG; Understanding Scalability; Understanding the Impact of Scaling; Getting to Grips with SVG Coordinates; Applying Coordinates to an SVG; Introducing the SVG Scaling Toolbox; Setting Height and Width Attributes; Implementing a viewBox; Preserving the Aspect Ratio; Putting the Toolbox to Use; Understanding How It Works; Making SVG Content Responsive; Introducing the Golden Rules; Updating SVG Images; Using Media Queries with SVG Content 
505 0 |a Understanding How the Code WorksDrawing Circles and Ellipses; Exploring How the Code Works; Drawing Lines, Polylines, and Polygons; Exploring How the Code Works; Constructing Paths and Markers; Understanding Our Code in Detail; Adding Markers to SVG Paths; Understanding How Our Code Works; Creating More Advanced Shapes; Dissecting Our Gauge Code; Creating Unusual Shapes with Clip-Paths; Painting Elements; Creating Gradients and Patterns; Constructing Gradients; Using Radial Gradients; Exploring How Our Code Works; Taking It Further; Applying Pattern Effects to CSS Backgrounds 
505 0 |a Exploring the Code in DetailCreating an Alternative Pattern; Setting Advanced Configuration Options; Summary; Part II: In More Detail; Chapter 3: Working with Images and Text; Inserting Images; Understanding the Benefits; Exporting Images; Exporting Images -- an Epilogue; Using SVGs as Data URIs; Optimizing Our Image; Understanding How Our Code Works; Applying Image Masks; Exploring How the Code Works; Working with Icons; Creating Image Sprites with Icons; Using the Element; Automating the Process; Adding Text with the Element; Applying Different Effects to Text 
505 0 |a Understanding the PitfallsMaking SVG images Adaptive or Responsive?; Summary; Chapter 5: Creating Filters; Introduction; The Benefits of Using SVG Filters; Exploring Existing Filters; Introducing SVG Primitives for Filters; Manipulating Content with Filters; Dissecting Our Code; Creating and Applying Filters; Changing Color with Filters; Understanding Our Code; Calculating Colors to Use; Re-creating filters à la Instagram; Understanding How It Works; Blending and Merging SVG Filters; Taking It Further in Watercolors; Creating Our Filter -- an Epilogue; Animating Filter Effects 
505 0 |a Intro; Table of Contents; About the Author; About the Technical Reviewer; Acknowledgments; Introduction; Part I: Getting Started; Chapter 1: Introducing SVG; The Benefits of Using SVG; Comparing Formats; Setting Up a Working Environment; Support for SVG; Creating a Basic Example; Understanding How It Works; Adding Fallback Support; Types of Fallback; Implementing a Fallback Image; Adding SVGs as Background Images; Managing Inline Support; Supporting an Icon System; Summary; Chapter 2: Adding SVG Content to a Page; Implementing SVG Shapes; Creating Squares and Rectangles 
653 |a Sites Web / Conception 
653 |a Web sites / Design / http://id.loc.gov/authorities/subjects/sh98000035 
653 |a Computer Graphics 
653 |a computer graphics / aat 
653 |a SVG (Document markup language) / http://id.loc.gov/authorities/subjects/sh2002004644 
653 |a Computer graphics / fast 
653 |a Web sites / Design / fast 
653 |a Web programming / bicssc 
653 |a Computer graphics 
653 |a COMPUTERS / General / bisacsh 
653 |a SVG (Langage de balisage) 
653 |a Infographie 
653 |a SVG (Document markup language) / fast 
041 0 7 |a eng  |2 ISO 639-2 
989 |b OREILLY  |a O'Reilly 
024 8 |a 10.1007/978-1-4842-3760-1 
776 |z 9781484237618 
776 |z 1484237609 
776 |z 1484237595 
776 |z 9781484237595 
776 |z 9781484237601 
856 4 0 |u https://learning.oreilly.com/library/view/~/9781484237601/?ar  |x Verlag  |3 Volltext 
082 0 |a 006.6 
082 0 |a 745.4 
520 |a Develop SVG functionality for use within websites quickly and natively, using basic tools such as HTML and CSS. This book is a project-oriented guide to creating and manipulating scalable vector graphics in the browser for websites or online applications, using little more than a text editor or free software, and the power of JavaScript. You'll use a starting toolset to incorporate into your existing workflow, develop future projects, and reduce any dependency on graphics applications for simple projects. This book is an excellent resource for getting acquainted with creating and manipulating SVG content. We live in an age where speed and simplicity are of the essence. Beginning SVG provides a perfect alternative when creating web-based projects that challenges the norm and encourages you to expand your resources and not resort to what "everyone else uses" (such as Illustrator). You'll discover that there is indeed a different way to achieve the same result. Stop thinking you must always resort to using graphics packages; there is always another way!What You'll LearnCreate powerful, optimized content that can be quickly and easily manipulated within the browserGet up to speed with SVG quickly, with minimal effort and maximum resultsSee how easy it is to apply SVG content and effects, without the need for lots of additional tools. Who This Book Is For Website developers and agile development teams who are keen to learn how to add and manipulate SVG quickly