skip to content
SVG animations : from common UX implementations to complex responsive animation Preview this item
ClosePreview this item
Checking...

SVG animations : from common UX implementations to complex responsive animation

Author: Sarah Drasner
Publisher: Sebastopol, CA : O'Reilly Media, 2017.
Edition/Format:   Print book : English : First editionView all editions and formats
Summary:
SVG is extremely powerful, with its reduced HTTP requests and crispness on any display. It becomes increasingly more interesting as you explore its capabilities for responsive animation and performance boons. When you animate SVG, you must be aware of normal image traits like composition, color, implementation, and optimization. But when you animate, it increases the complexity of each of these factors  Read more...
Rating:

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

Subjects
More like this

Find a copy in the library

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

Details

Document Type: Book
All Authors / Contributors: Sarah Drasner
ISBN: 9781491939703 1491939702
OCLC Number: 953432197
Notes: Includes index.
Description: 224 pages : illustrations ; 24 cm.
Contents: The anatomy of an SVG --
Animating with CSS --
CSS animation and hand-drawn SVG sprites --
Creating a responsive SVG sprite --
UI/UX animations with no external libraries --
Animating data visualizations --
A comparison of web animation technologies --
Animating with GreenSock --
GreenSock's timeline --
MorphSVG and motion along a path --
Stagger effects, tweening HSL, and SplitText for text animation --
DrawSVG and draggable --
Mo.js --
React-motion --
Animating the unanimatable: motion with attributes and bare-metal implementations --
Responsive animation --
Designing, prototyping, and animation in component libraries.
Responsibility: Sarah Drasner.

Abstract:

When you animate SVG, you must be aware of normal image traits like composition, color, implementation, and optimization. But when you animate, it increases the complexity of each of these factors  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/953432197> # SVG animations : from common UX implementations to complex responsive animation
    a schema:CreativeWork, schema:Book ;
    library:oclcnum "953432197" ;
    library:placeOfPublication <http://id.loc.gov/vocabulary/countries/cau> ;
    schema:about <http://experiment.worldcat.org/entity/work/data/3448995186#Topic/computer_animation> ; # Computer animation
    schema:about <http://dewey.info/class/006.66/e23/> ;
    schema:about <http://experiment.worldcat.org/entity/work/data/3448995186#Topic/svg_document_markup_language> ; # SVG (Document markup language)
    schema:about <http://experiment.worldcat.org/entity/work/data/3448995186#Topic/web_sites_design> ; # Web sites--Design
    schema:author <http://experiment.worldcat.org/entity/work/data/3448995186#Person/drasner_sarah> ; # Sarah Drasner
    schema:bookEdition "First edition." ;
    schema:bookFormat bgn:PrintBook ;
    schema:datePublished "2017" ;
    schema:description "The anatomy of an SVG -- Animating with CSS -- CSS animation and hand-drawn SVG sprites -- Creating a responsive SVG sprite -- UI/UX animations with no external libraries -- Animating data visualizations -- A comparison of web animation technologies -- Animating with GreenSock -- GreenSock's timeline -- MorphSVG and motion along a path -- Stagger effects, tweening HSL, and SplitText for text animation -- DrawSVG and draggable -- Mo.js -- React-motion -- Animating the unanimatable: motion with attributes and bare-metal implementations -- Responsive animation -- Designing, prototyping, and animation in component libraries."@en ;
    schema:description "SVG is extremely powerful, with its reduced HTTP requests and crispness on any display. It becomes increasingly more interesting as you explore its capabilities for responsive animation and performance boons. When you animate SVG, you must be aware of normal image traits like composition, color, implementation, and optimization. But when you animate, it increases the complexity of each of these factors exponentially.This practical book takes a deep dive into how you can to solve these problems with stability, performance, and creativity in mind.Learn how to make SVG cross-browser compatible, backwards compatible, optimized, and responsivePlan and debug animationMake a complex animation responsive, as many sites are responsiveProfile each animation technique in terms of performance so that you know what you're getting in to with each library or native technology"@en ;
    schema:exampleOfWork <http://worldcat.org/entity/work/id/3448995186> ;
    schema:inLanguage "en" ;
    schema:name "SVG animations : from common UX implementations to complex responsive animation"@en ;
    schema:productID "953432197" ;
    schema:workExample <http://worldcat.org/isbn/9781491939703> ;
    umbel:isLike <http://bnb.data.bl.uk/id/resource/GBB714096> ;
    wdrs:describedby <http://www.worldcat.org/title/-/oclc/953432197> ;
    .


Related Entities

<http://experiment.worldcat.org/entity/work/data/3448995186#Person/drasner_sarah> # Sarah Drasner
    a schema:Person ;
    schema:familyName "Drasner" ;
    schema:givenName "Sarah" ;
    schema:name "Sarah Drasner" ;
    .

<http://experiment.worldcat.org/entity/work/data/3448995186#Topic/computer_animation> # Computer animation
    a schema:Intangible ;
    schema:name "Computer animation"@en ;
    .

<http://experiment.worldcat.org/entity/work/data/3448995186#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/3448995186#Topic/web_sites_design> # Web sites--Design
    a schema:Intangible ;
    schema:name "Web sites--Design"@en ;
    .

<http://worldcat.org/isbn/9781491939703>
    a schema:ProductModel ;
    schema:isbn "1491939702" ;
    schema:isbn "9781491939703" ;
    .

<http://www.worldcat.org/title/-/oclc/953432197>
    a genont:InformationResource, genont:ContentTypeGenericResource ;
    schema:about <http://www.worldcat.org/oclc/953432197> ; # SVG animations : from common UX implementations to complex responsive animation
    schema:dateModified "2018-11-13" ;
    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.