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

(Joyce) #1

Hidden setting, display and visibility options 28


Hover state animations, uses of CSS 6 , 57 – 58


HTML


coding  web pages    80
element manipulation 148
element nodes 83
SVG elements compared with HTML elements 104

I


Images


creating    through code    in  SVG  104
rendering problems 137
rendering solutions 137 – 138
sneaky image problems 139
sneaky image solutions 139 – 140

img element 138


Incentives, visceral nature of interactions and 43


Infinite looping, in Velocity 25 – 26


See also Loops

Inkscape 104


Inline status indication, engaging users in tasks 42


In-progress indicators, preview options in motion design 41 – 42


Internet Explorer


animations  on  older   browsers    problem  139
finding performance threshold early on 141 – 143
positional attributes vs. transforms and 110
realities of web performance 118

iOS, purchasing older devices from eBay 144


Irreversible actions, indicators for 43


J


Janks (stutters), layout thrashing and 121


JavaScript vs. CSS

Free download pdf