Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Výkon 
Webových 
Animácií 
by Milan
Prečo? 
• Improved UX 
• “Krok s dobou” 
• šetrenie batérie zariadenia
CSS animácie 
• Animate.css (http://daneden.github.io/animate.css/)?
JS animácie 
• lepšia podpora v prehliadačoch 
• poskytujú vačšiu funkcionalitu 
• lepšie menežovateľný workflow animácií ...
Velocity.js
Velocity.js 
• Nadstavba and jQuery.animate 
• značné zlepšenie výkonu 
• efektívna synchronizácia DOM počas priebehu anim...
Velocity.js 
• http://velocityjs.org 
• DEMO: http://julian.com/research/velocity/demo.html
GSAP
GSAP 
• Vysoký výkon, špeciálne na mibilných zariadeniach 
• Robusná knižnica s mnohými funkciami 
• Kompatibilita už s IE...
GSAP 
• http://greensock.com/gsap 
• DEMO: http://greensock.com/? 
post_type=example&p=5676
Impulse
Impulse 
• Animácie založené na fyzike 
• Dátovo malá a nezávislá knižnica 
• Skvelá pre animácie spojené s dotykmi
Impulse 
• http://impulse.luster.io/ 
• DEMO: http://impulse.luster.io/examples.html
Ďakujem
Prochain SlideShare
Chargement dans…5
×

Academy vol.4

Sass

  • Identifiez-vous pour voir les commentaires

  • Soyez le premier à aimer ceci

Academy vol.4

  1. 1. Výkon Webových Animácií by Milan
  2. 2. Prečo? • Improved UX • “Krok s dobou” • šetrenie batérie zariadenia
  3. 3. CSS animácie • Animate.css (http://daneden.github.io/animate.css/)?
  4. 4. JS animácie • lepšia podpora v prehliadačoch • poskytujú vačšiu funkcionalitu • lepšie menežovateľný workflow animácií • vysoký výkon • hardvérová akcelerácia
  5. 5. Velocity.js
  6. 6. Velocity.js • Nadstavba and jQuery.animate • značné zlepšenie výkonu • efektívna synchronizácia DOM počas priebehu animácie • cache-ovanie hodnôt animácie • vynikajúce výsledky na mobilných zariadeniach • podpora už od IE8 a Android Browser 2.3
  7. 7. Velocity.js • http://velocityjs.org • DEMO: http://julian.com/research/velocity/demo.html
  8. 8. GSAP
  9. 9. GSAP • Vysoký výkon, špeciálne na mibilných zariadeniach • Robusná knižnica s mnohými funkciami • Kompatibilita už s IE6 • Porovnanie výkonu http://greensock.com/js/ speed.html
  10. 10. GSAP • http://greensock.com/gsap • DEMO: http://greensock.com/? post_type=example&p=5676
  11. 11. Impulse
  12. 12. Impulse • Animácie založené na fyzike • Dátovo malá a nezávislá knižnica • Skvelá pre animácie spojené s dotykmi
  13. 13. Impulse • http://impulse.luster.io/ • DEMO: http://impulse.luster.io/examples.html
  14. 14. Ďakujem

×