Web Animation using JavaScript: Develop & Design (Develop and Design)

Creating    images  through code

SVG markup

SVG styling

Support for SVG

SVG animation

Passing in  properties

Presentational  attributes

Positional  attributes  vs. transforms

Implementation  example:    Animated    logos

Wrapping    up

CHAPTER 7 ANIMATION PERFORMANCE

The reality of  web performance

Technique:  Remove  layout  thrashing

Problem

Solution

jQuery  Element Objects

Force-feeding

Technique:  Batch   DOM additions

Problem

Solution

Technique:  Avoid   affecting   neighboring elements

Problem

Solution

Technique:  Reduce  concurrent  load

Problem

Solution

Technique:  Don’t   continuously    react   to  scroll  and resize  events

Problem

Solution

Technique:  Reduce  image   rendering

Problem

Solution