skip to content
Mastering SVG : ace web animations, visualizations, and vector graphics with HTML, CSS, and JavaScript. Preview this item
ClosePreview this item
Checking...

Mastering SVG : ace web animations, visualizations, and vector graphics with HTML, CSS, and JavaScript.

Author: Rob Larsen
Publisher: Birmingham : Packt Publishing Ltd, 2018.
Edition/Format:   eBook : Document : EnglishView all editions and formats
Summary:
SVG is considered an important aspect of animating your web applications. Its cross-platform markup along with the combination of modern web technologies proves to be a great combination for web designers and developers. This book will show you the different facets of SVG and the various considerations and prerequisites for animating with SVG.
Rating:

(not yet rated) 0 with reviews - Be the first.

Subjects
More like this

Find a copy online

Links to this item

Find a copy in the library

&AllPage.SpinnerRetrieving; Finding libraries that hold this item...

Details

Genre/Form: Electronic books
Material Type: Document, Internet resource
Document Type: Internet Resource, Computer File
All Authors / Contributors: Rob Larsen
ISBN: 9781788621984 1788621980
OCLC Number: 1056070016
Description: 1 online resource (305 pages)
Contents: Cover --
Title Page --
Copyright and Credits --
PacktPub.com --
Contributors --
Table of Contents --
Preface --
Chapter 1: Introducing Scalable Vector Graphics --
Creating a simple SVG image --
Using SVG as a content image --
Drawing with code --
Scalable + vector graphics --
Using SVG in CSS --
Gradients in SVG --
Directly embedding SVG in an HTML document --
Feature detection and Modernizr --
Summary --
Chapter 2: Getting Started with Authoring SVG --
Positioning in SVG --
viewBox and viewport in SVG --
Introducing paths --
More on basic shapes --
The line element --
The ellipse element --
The polygon element --
The polyline element --
More on fills and strokes --
stroke-dasharray --
stroke-dashoffset --
stroke-linecap --
stroke-linejoin --
stroke-opacity --
linearGradient and radialGradient --
The pattern element --
Authoring programs --
Summary --
Chapter 3: Digging Deeper with SVG Authoring --
Transformations --
translate --
scale --
rotate --
skew --
Clipping and masking --
Clipping --
Masking --
Importing images into SVG --
Filters --
Serving SVG on the web --
Apache --
nginx --
IIS --
Summary --
Chapter 4: Using SVG in HTML --
SVG, HTML, and accessibility --
SVG as an image src --
Inline SVG --
SVG and responsive web design --
The srcset attribute --
The srcset and sizes attributes --
The picture element --
Additional details on inline SVG in an HTML document --
Caching --
Complexity --
Authoring --
The Document Object Model --
Summary --
Chapter 5: Working with SVG and CSS --
CSS background images --
Data URLs for SVG background images --
SVG sprites and icon sets --
Styling inline SVG --
Using common CSS properties to manipulate SVGs --
Basic font properties --
Text properties --
Miscellaneous CSS properties --
Using SVG-specific CSS properties to manipulate SVGs --
Color and painting properties --
Stroke properties --
Text properties. Compositing properties --
Interactivity properties --
Styles in standalone SVG images --
Basic CSS animations and transitions with SVG --
CSS animations --
Basic animation format --
Animating a clip path --
Animating multiple properties and assigning multiple animations to an element --
CSS transitions --
Summary --
Chapter 6: JavaScript and SVG --
JavaScript Versions and tools --
JavaScript Versions --
ECMAScript 5 --
ECMAScript 2015 --
TypeScript --
Tooling --
The DOM interface to SVG --
Initial exploration --
The SVG DOM manipulator --
Summary --
Chapter 7: Common JavaScript Libraries and SVG --
Manipulating SVG with jQuery --
Working with AngularJS and SVG --
Manipulating SVG with Angular --
Getting started with Angular --
Installing Node, npm, and Angular Cli --
Working with React and SVG --
Summary --
Chapter 8: SVG Animation and Visualizations --
Creating an SVG data visualization --
General techniques for animating SVG --
Animating with pure JavaScript --
Animating with CSS --
Animating SVG with SMIL --
Animating SVG with Vivus --
Animating SVG with GSAP --
Summary --
Chapter 9: Helper Libraries Snap.svg and SVG.js --
Working with Snap.svg --
Getting started with Snap.svg --
Animation with Snap --
Snap.svg utilities --
Snap.svg events --
Custom data visualization with Snap.svg --
Working with SVG.js --
Getting started with SVG.js --
Animation with SVG.js --
SVG.js utilities --
SVG.js events --
Custom data visualization with SVG.js --
Summary --
Chapter 10: Working with D3.js --
Getting started with D3 --
D3's enter and exit --
Implementing a donut chart with D3 --
Implementing a chord diagram in D3 --
Summary --
Chapter 11: Tools to Optimize Your SVG --
Serving compressed SVG --
gzipping SVG on Apache --
SVG compression on nginx --
SVG compression on IIS --
SVGO --
SVGOMG --
SVGO authoring plugins --
svgcleaner --
Summary. Other Books You May Enjoy --
Index.

Abstract:

SVG is considered an important aspect of animating your web applications. Its cross-platform markup along with the combination of modern web technologies proves to be a great combination for web  Read more...

Reviews

User-contributed reviews
Retrieving GoodReads reviews...
Retrieving DOGObooks reviews...

Tags

Be the first.
Confirm this request

You may have already requested this item. Please select Ok if you would like to proceed with this request anyway.

Linked Data


Primary Entity

<http://www.worldcat.org/oclc/1056070016> # Mastering SVG : ace web animations, visualizations, and vector graphics with HTML, CSS, and JavaScript.
    a schema:MediaObject, schema:CreativeWork, schema:Book ;
    library:oclcnum "1056070016" ;
    library:placeOfPublication <http://id.loc.gov/vocabulary/countries/enk> ;
    library:placeOfPublication <http://experiment.worldcat.org/entity/work/data/5470870871#Place/birmingham> ; # Birmingham
    rdfs:comment "Warning: This malformed URI has been treated as a string - 'https://img1.od-cdn.com/ImageType-100/6135-1/{EDF87A3E-C551-4F2F-87DF-C410DE87EF9D}Img100.jpg'" ;
    schema:about <http://experiment.worldcat.org/entity/work/data/5470870871#Topic/web_sites_design> ; # Web sites--Design
    schema:about <http://experiment.worldcat.org/entity/work/data/5470870871#Topic/computers_computer_graphics> ; # COMPUTERS--Computer Graphics
    schema:about <http://experiment.worldcat.org/entity/work/data/5470870871#Topic/svg_document_markup_language> ; # SVG (Document markup language)
    schema:about <http://experiment.worldcat.org/entity/work/data/5470870871#Topic/computer_graphics> ; # Computer graphics
    schema:about <http://dewey.info/class/005.72/e23/> ;
    schema:bookFormat schema:EBook ;
    schema:creator <http://experiment.worldcat.org/entity/work/data/5470870871#Person/larsen_rob> ; # Rob Larsen
    schema:datePublished "2018" ;
    schema:description "Cover -- Title Page -- Copyright and Credits -- PacktPub.com -- Contributors -- Table of Contents -- Preface -- Chapter 1: Introducing Scalable Vector Graphics -- Creating a simple SVG image -- Using SVG as a content image -- Drawing with code -- Scalable + vector graphics -- Using SVG in CSS -- Gradients in SVG -- Directly embedding SVG in an HTML document -- Feature detection and Modernizr -- Summary -- Chapter 2: Getting Started with Authoring SVG -- Positioning in SVG -- viewBox and viewport in SVG -- Introducing paths -- More on basic shapes -- The line element -- The ellipse element -- The polygon element -- The polyline element -- More on fills and strokes -- stroke-dasharray -- stroke-dashoffset -- stroke-linecap -- stroke-linejoin -- stroke-opacity -- linearGradient and radialGradient -- The pattern element -- Authoring programs -- Summary -- Chapter 3: Digging Deeper with SVG Authoring -- Transformations -- translate -- scale -- rotate -- skew -- Clipping and masking -- Clipping -- Masking -- Importing images into SVG -- Filters -- Serving SVG on the web -- Apache -- nginx -- IIS -- Summary -- Chapter 4: Using SVG in HTML -- SVG, HTML, and accessibility -- SVG as an image src -- Inline SVG -- SVG and responsive web design -- The srcset attribute -- The srcset and sizes attributes -- The picture element -- Additional details on inline SVG in an HTML document -- Caching -- Complexity -- Authoring -- The Document Object Model -- Summary -- Chapter 5: Working with SVG and CSS -- CSS background images -- Data URLs for SVG background images -- SVG sprites and icon sets -- Styling inline SVG -- Using common CSS properties to manipulate SVGs -- Basic font properties -- Text properties -- Miscellaneous CSS properties -- Using SVG-specific CSS properties to manipulate SVGs -- Color and painting properties -- Stroke properties -- Text properties."@en ;
    schema:description "SVG is considered an important aspect of animating your web applications. Its cross-platform markup along with the combination of modern web technologies proves to be a great combination for web designers and developers. This book will show you the different facets of SVG and the various considerations and prerequisites for animating with SVG."@en ;
    schema:exampleOfWork <http://worldcat.org/entity/work/id/5470870871> ;
    schema:genre "Electronic books"@en ;
    schema:inLanguage "en" ;
    schema:name "Mastering SVG : ace web animations, visualizations, and vector graphics with HTML, CSS, and JavaScript."@en ;
    schema:productID "1056070016" ;
    schema:publication <http://www.worldcat.org/title/-/oclc/1056070016#PublicationEvent/birmingham_packt_publishing_ltd_2018> ;
    schema:publisher <http://experiment.worldcat.org/entity/work/data/5470870871#Agent/packt_publishing_ltd> ; # Packt Publishing Ltd
    schema:url <https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&db=nlabk&AN=1902120> ;
    schema:url <https://public.ebookcentral.proquest.com/choice/publicfullrecord.aspx?p=5525582> ;
    schema:url <https://samples.overdrive.com/?crid=edf87a3e-c551-4f2f-87df-c410de87ef9d&.epub-sample.overdrive.com> ;
    schema:url "https://img1.od-cdn.com/ImageType-100/6135-1/{EDF87A3E-C551-4F2F-87DF-C410DE87EF9D}Img100.jpg" ;
    schema:url <https://www.overdrive.com/search?q=EDF87A3E-C551-4F2F-87DF-C410DE87EF9D> ;
    schema:workExample <http://worldcat.org/isbn/9781788621984> ;
    wdrs:describedby <http://www.worldcat.org/title/-/oclc/1056070016> ;
    .


Related Entities

<http://experiment.worldcat.org/entity/work/data/5470870871#Agent/packt_publishing_ltd> # Packt Publishing Ltd
    a bgn:Agent ;
    schema:name "Packt Publishing Ltd" ;
    .

<http://experiment.worldcat.org/entity/work/data/5470870871#Person/larsen_rob> # Rob Larsen
    a schema:Person ;
    schema:familyName "Larsen" ;
    schema:givenName "Rob" ;
    schema:name "Rob Larsen" ;
    .

<http://experiment.worldcat.org/entity/work/data/5470870871#Topic/computer_graphics> # Computer graphics
    a schema:Intangible ;
    schema:name "Computer graphics"@en ;
    .

<http://experiment.worldcat.org/entity/work/data/5470870871#Topic/computers_computer_graphics> # COMPUTERS--Computer Graphics
    a schema:Intangible ;
    schema:name "COMPUTERS--Computer Graphics"@en ;
    .

<http://experiment.worldcat.org/entity/work/data/5470870871#Topic/svg_document_markup_language> # SVG (Document markup language)
    a schema:Intangible ;
    schema:name "SVG (Document markup language)"@en ;
    .

<http://experiment.worldcat.org/entity/work/data/5470870871#Topic/web_sites_design> # Web sites--Design
    a schema:Intangible ;
    schema:name "Web sites--Design"@en ;
    .

<http://worldcat.org/isbn/9781788621984>
    a schema:ProductModel ;
    schema:isbn "1788621980" ;
    schema:isbn "9781788621984" ;
    .

<http://www.worldcat.org/title/-/oclc/1056070016>
    a genont:InformationResource, genont:ContentTypeGenericResource ;
    schema:about <http://www.worldcat.org/oclc/1056070016> ; # Mastering SVG : ace web animations, visualizations, and vector graphics with HTML, CSS, and JavaScript.
    schema:dateModified "2019-12-18" ;
    void:inDataset <http://purl.oclc.org/dataset/WorldCat> ;
    .


Content-negotiable representations

Close Window

Please sign in to WorldCat 

Don't have an account? You can easily create a free account.