SVG animations : from common UX implementations to complex responsive animation

SVG animations from common UX implementations to complex responsive animation

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, imp...

Descripción completa

Detalles Bibliográficos
Otros Autores: Drasner, Sarah, author (author)
Formato: Libro electrónico
Idioma:Inglés
Publicado: Beijing, [China] : O'Reilly 2017.
Edición:First edition
Materias:
Computer animation.
SVG (Document markup language)
Web sites > Design.
Ver en Biblioteca Universitat Ramon Llull:https://discovery.url.edu/permalink/34CSUC_URL/1im36ta/alma991009630337106719
Tabla de Contenidos:
  • 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.

Ejemplares similares