Cargando…
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...
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Sebastopol, CA :
O'Reilly Media,
2017.
|
| Temas: | |
| Acceso en línea: | Texto completo (Requiere registro previo con correo institucional) |
MARC
| LEADER | 00000cam a2200000Ii 4500 | ||
|---|---|---|---|
| 001 | OR_ocn980347263 | ||
| 003 | OCoLC | ||
| 005 | 20231017213018.0 | ||
| 006 | m o d | ||
| 007 | cr unu|||||||| | ||
| 008 | 170331s2017 caua o 001 0 eng d | ||
| 040 | |a UMI |b eng |e rda |e pn |c UMI |d N$T |d YDX |d EBLCP |d TEFOD |d STF |d TOH |d UBY |d OCLCF |d OCLCQ |d COO |d CEF |d KSU |d DEBBG |d WYU |d C6I |d UAB |d UKAHL |d OCLCQ |d OCLCO |d NZAUC |d OCLCQ |d OCLCO | ||
| 019 | |a 978248799 | ||
| 020 | |a 9781491939673 |q (electronic bk.) | ||
| 020 | |a 1491939672 |q (electronic bk.) | ||
| 020 | |a 9781491939659 |q (electronic bk.) | ||
| 020 | |a 1491939656 |q (electronic bk.) | ||
| 020 | |z 9781491939703 | ||
| 029 | 1 | |a AU@ |b 000060619793 | |
| 029 | 1 | |a GBVCP |b 1004860455 | |
| 035 | |a (OCoLC)980347263 |z (OCoLC)978248799 | ||
| 037 | |a CL0500000842 |b Safari Books Online | ||
| 037 | |a C5D5BE05-35B7-4507-9C9F-739B7016A6D7 |b OverDrive, Inc. |n http://www.overdrive.com | ||
| 050 | 4 | |a T385 | |
| 072 | 7 | |a COM |x 000000 |2 bisacsh | |
| 082 | 0 | 4 | |a 006.6/6 |2 23 |
| 049 | |a UAMI | ||
| 100 | 1 | |a Drasner, Sarah, |e author. | |
| 245 | 1 | 0 | |a SVG animations : |b from common UX implementations to complex responsive animation / |c Sarah Drasner. |
| 264 | 1 | |a Sebastopol, CA : |b O'Reilly Media, |c 2017. | |
| 300 | |a 1 online resource (1 volume) : |b illustrations | ||
| 336 | |a text |b txt |2 rdacontent | ||
| 337 | |a computer |b c |2 rdamedia | ||
| 338 | |a online resource |b cr |2 rdacarrier | ||
| 588 | 0 | |a Online resource; title from title page (Safari, viewed March 24, 2017). | |
| 500 | |a Includes index. | ||
| 520 | |a 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 | ||
| 505 | 0 | |a Copyright; Table of Contents; Foreword; Preface; SVG Animation: Where Art and Code Intersect; Conventions Used in This Book; Using Code Examples; O'Reilly Safari; How to Contact Us; Acknowledgments; Chapter 1. The Anatomy of an SVG; SVG DOM Syntax; viewBox and preserveAspectRatio; Drawing Shapes; Responsive SVG, Grouping, and Drawing Paths; SVG on Export, Recommendations, and Optimization; Reduce Path Points; Optimization Tools; Chapter 2. Animating with CSS; Animating with SVG; Benefits of Drawing with SVG; Silky-Smooth Animation; Chapter 3. CSS Animation and Hand-Drawn SVG Sprites | |
| 505 | 8 | |a Keyframe Animation with steps() and SVG Sprites, Two Ways; ; ; ; Chapter 4. Creating a Responsive SVG Sprite; SVG Sprites and CSS for Responsive Development; Grouping and DRYing It Out; The viewBox Trick; Responsive Animation; Chapter 5. UI/UX Animations with No External Libraries; Context-Shifting in UX Patterns; Morphing; Revealing; Isolation; Style; Anticipatory Cues; Interaction; Space Conservation; Putting It All Together; Icons That Transform; Chapter 6. Animating Data Visualizations; Why Use Animation in Data Visualization?; D3 with CSS Animation Example | |
| 505 | 8 | |a Chartist with CSS Animation ExampleAnimating with D3; Chaining and Repeating; Chapter 7. A Comparison of Web Animation Technologies; Native Animation; CSS/Sass/SCSS; requestAnimationFrame(); Canvas; Web Animations API; External Libraries; GreenSock (GSAP); Mo.js; Bodymovin'; Not Suggested; SMIL; Velocity.js; Snap.svg; React-Specific Workflows; React-Motion; GSAP in React; Canvas in React; CSS in React; Covering Ground; Chapter 8. Animating with GreenSock; Basic GreenSock Syntax; TweenMax/TweenLite; .to/.from/.fromTo; Staggering; Elements; Duration; Delay; ; ; Chapter 9. GreenSock's Timeline | |
| 505 | 8 | |a A Simple TimelineRelative Labels; Nested and Master Timelines; Organization; Loops; Pausing and Events; Other Timeline Methods; Chapter 10. MorphSVG and Motion Along a Path; MorphSVG; findShapeIndex(); Motion Along a Path; Chapter 11. Stagger Effects, Tweening HSL, and SplitText for Text Animation; Staggered Animations; Relative HSL Color Animation; ; Chapter 12. DrawSVG and Draggable; Draggable; Drag Types; hitTest(); Using Draggable to Control a Timeline; DrawSVG; Chapter 13. Mo.js; Base Premises; Shapes; Shape Motion; Chaining; Swirls; Burst; Timeline; Tween; Path Easing | |
| 505 | 8 | |a Chapter 14. React-Motion; ; Chapter 15. Animating the Unanimatable: Motion with Attributes and Bare-Metal Implementations; requestAnimationFrame(); GreenSock's AttrPlugin; Practical Application: Animating the viewBox; Another Demo: A Guided Infographic; Chapter 16. Responsive Animation; Some Quick Responsive Tips; GreenSock and Responsive SVG; Responsive SVG, with or without GreenSock; Responsive Reorganization by Updating the ViewBox; Responsive Reorganization with Multiple SVGs and Media Queries; Less Pizzazz on Mobile; Have a Plan | |
| 590 | |a O'Reilly |b O'Reilly Online Learning: Academic/Public Library Edition | ||
| 650 | 0 | |a Computer animation. | |
| 650 | 0 | |a SVG (Document markup language) | |
| 650 | 0 | |a Web sites |x Design. | |
| 650 | 6 | |a Animation par ordinateur. | |
| 650 | 6 | |a SVG (Langage de balisage) | |
| 650 | 6 | |a Sites Web |x Conception. | |
| 650 | 7 | |a computer animation. |2 aat | |
| 650 | 7 | |a COMPUTERS |x General. |2 bisacsh | |
| 650 | 7 | |a Computer animation |2 fast | |
| 650 | 7 | |a SVG (Document markup language) |2 fast | |
| 650 | 7 | |a Web sites |x Design |2 fast | |
| 856 | 4 | 0 | |u https://learning.oreilly.com/library/view/~/9781491939697/?ar |z Texto completo (Requiere registro previo con correo institucional) |
| 938 | |a Askews and Holts Library Services |b ASKH |n AH32600462 | ||
| 938 | |a Askews and Holts Library Services |b ASKH |n AH32568802 | ||
| 938 | |a ProQuest Ebook Central |b EBLB |n EBL4825666 | ||
| 938 | |a EBSCOhost |b EBSC |n 1488137 | ||
| 938 | |a YBP Library Services |b YANK |n 13779302 | ||
| 994 | |a 92 |b IZTAP | ||